react-native-firework-sdk 2.0.0 → 2.1.0

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

@@ -7,7 +7,6 @@ import com.facebook.react.uimanager.SimpleViewManager
 import com.facebook.react.uimanager.ThemedReactContext
 
 import com.facebook.react.uimanager.annotations.ReactProp
-import com.fireworksdk.bridge.constants.FWCommandConstant
 import com.facebook.react.common.MapBuilder
 import com.firework.videofeed.FeedItemClickListener
 import com.firework.videofeed.FeedViewState
@@ -148,7 +147,7 @@ class FWVideoFeedManager : SimpleViewManager<FWVideoFeed>() {
 
     override fun getCommandsMap(): MutableMap<String, Int> {
     val map: MutableMap<String, Int> = HashMap()
-    map["refresh"] = FWCommandConstant.FW_COMMAND_VIDEO_FEED_REFRESH
+    map["refresh"] = COMMAND_REFRESH
     return map
   }
 
@@ -156,7 +155,7 @@ class FWVideoFeedManager : SimpleViewManager<FWVideoFeed>() {
     super.receiveCommand(root, commandId, args)
     FWLogUtils.d { "FWVideoFeedManager receiveCommand commandId: $commandId" }
     when (commandId?.toInt()) {
-      FWCommandConstant.FW_COMMAND_VIDEO_FEED_REFRESH -> {
+      COMMAND_REFRESH -> {
         FWLogUtils.d { "FWVideoFeedManager call refresh" }
         root.refresh()
       }
@@ -175,4 +174,8 @@ class FWVideoFeedManager : SimpleViewManager<FWVideoFeed>() {
       .build()
   }
 
+  companion object {
+    private const val COMMAND_REFRESH = 1000001
+  }
+
 }

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

@@ -8,8 +8,8 @@ interface FWVideoShoppingInterface {
 
   fun init()
   fun updateVideoProducts(productArray: ReadableArray?, callbackId: String?)
-  fun updateProductViewConfig(config: ReadableMap?, callbackId: Int?)
-  fun updateAddToCartStatus(res: String?, tip: String?, callbackId: Int?)
+  fun setProductInfoViewConfiguration(config: ReadableMap?)
+  fun updateShoppingCTAResult(result: ReadableMap?, callbackId: Int?)
   fun jumpToCartPage(callbackId: Int?, props: ReadableMap?)
   fun setCartIconVisible(visible: Boolean?)
   fun setCartItemCount(count: Int?)

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

@@ -3,10 +3,10 @@ package com.fireworksdk.bridge.reactnative.module
 import android.app.Activity
 import com.facebook.react.bridge.*
 import com.firework.sdk.FireworkSdk
-import com.firework.videofeed.PlayerActivity
 import com.fireworksdk.bridge.FWInitializationProvider
 import com.fireworksdk.bridge.reactnative.models.FWNavigatorInterface
 import com.fireworksdk.bridge.reactnative.utils.FWEventUtils
+import com.fireworksdk.bridge.utils.FWGlobalDataUtil
 import com.fireworksdk.bridge.utils.FWLogUtils
 
 
@@ -30,6 +30,14 @@ class FWNavigatorModule(
     }
 
     if (isTaskRoot(activity)) {
+      if (FWGlobalDataUtil.storyBlockFragment?.isFullScreen() == true) {
+        UiThreadUtil.runOnUiThread {
+          FWGlobalDataUtil.storyBlockFragment?.toggleFullScreen()
+        }
+        promise.resolve(true)
+        return
+      }
+
       promise.resolve(false)
       return
     }

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

@@ -7,12 +7,9 @@ import com.firework.common.product.CurrencyCode
 import com.firework.common.product.Product
 import com.firework.error.shopping.ShoppingError
 import com.firework.sdk.FireworkSdk
-import com.firework.shopping.ProductHydrator
-import com.firework.shopping.Shopping
+import com.firework.shopping.*
 import com.fireworksdk.bridge.FWInitializationProvider
-import com.fireworksdk.bridge.models.FWProductInfoViewConfigurationDeserializer
-import com.fireworksdk.bridge.models.FWVideoShoppingProduct
-import com.fireworksdk.bridge.models.FWVideoShoppingProductDeserializer
+import com.fireworksdk.bridge.models.*
 import com.fireworksdk.bridge.reactnative.models.FWVideoShoppingInterface
 import com.fireworksdk.bridge.reactnative.utils.FWEventUtils
 import com.fireworksdk.bridge.utils.FWDateUtils
@@ -28,7 +25,7 @@ class FWVideoShoppingModule(
   reactContext: ReactApplicationContext
 ) : ReactContextBaseJavaModule(reactContext), FWVideoShoppingInterface {
 
-  private var addToCartHandler: Triple<Int, String, String>? = null
+  private var ctaHandler: Triple<Int, String, String>? = null
   private var cartClickHandler: Pair<Int, Activity>? = null
   private val updateProductHandler: HashMap<String, List<Product>> = HashMap()
   private val updateProductHydratorHandler: HashMap<String, ProductHydrator> = HashMap()
@@ -129,47 +126,80 @@ class FWVideoShoppingModule(
   }
 
   @ReactMethod
-  override fun updateProductViewConfig(config: ReadableMap?, callbackId: Int?) {
-    FWLogUtils.d { "FWVideoShoppingModule updateProductViewConfig: $callbackId, config: $config" }
+  override fun setProductInfoViewConfiguration(config: ReadableMap?) {
+    FWLogUtils.d { "FWVideoShoppingModule setProductInfoViewConfiguration: $callbackId, config: $config" }
     val configMap = config?.toHashMap() ?: hashMapOf()
     val jsonObject = JSONObject(configMap)
     val configModel = FWProductInfoViewConfigurationDeserializer.deserialize(jsonObject)
-    FWLogUtils.d { "FWVideoShoppingModule updateProductViewConfig: $callbackId, configModel: $configModel" }
+    FWLogUtils.d { "FWVideoShoppingModule setProductInfoViewConfiguration: $callbackId, configModel: $configModel" }
+
+    if (configModel == null) {
+      return
+    }
+
+    val isLinkButtonHidden = configModel.linkButton?.isHidden == true
+    var text = ShoppingCtaButtonOptions.Text.ADD_TO_CART
+    when (configModel.ctaButton?.text) {
+      FWProductInfoViewConfiguration.CtaButtonConfiguration.TextValue.ShopNow -> {
+        text = ShoppingCtaButtonOptions.Text.SHOP_NOW
+      }
+      else -> {}
+    }
+
+    FireworkSdk.shopping.setShoppingViewOptions(
+      ShoppingViewOptions(
+        ProductDetailsOptions(
+          linkButtonOptions = LinkButtonOptions(isVisible = !isLinkButtonHidden),
+          shoppingCtaButtonOptions = ShoppingCtaButtonOptions(text = text),
+        ),
+      ),
+    )
   }
 
   @ReactMethod
-  override fun updateAddToCartStatus(res: String?, tip: String?, callbackId: Int?) {
-    FWLogUtils.d { "FWVideoShoppingModule updateAddToCartStatus: $callbackId, res: $res, tip: $tip, addToCartHandler: ${addToCartHandler?.first}" }
-    if (callbackId == null || addToCartHandler?.first != callbackId) {
+  override fun updateShoppingCTAResult(result: ReadableMap?, callbackId: Int?) {
+    FWLogUtils.d { "FWVideoShoppingModule updateShoppingCTAResult: $callbackId, result: $result, ctaHandler: ${ctaHandler?.first}" }
+    val resultMap = result?.toHashMap() ?: hashMapOf()
+    val jsonObject = JSONObject(resultMap)
+    val resultModel = FWShoppingCtaResultDeserializer.deserialize(jsonObject)
+    FWLogUtils.d { "FWVideoShoppingModule updateShoppingCTAResult: $callbackId, resultModel: $resultModel" }
+
+    if (resultModel == null) {
+      return
+    }
+
+    if (callbackId == null || ctaHandler?.first != callbackId) {
       return
     }
 
-    val productId = addToCartHandler?.second
+    val productId = ctaHandler?.second
     productId ?: return
 
-    val unitId = addToCartHandler?.third
+    val unitId = ctaHandler?.third
     if (unitId.isNullOrBlank()) {
       return
     }
 
-    when {
-      res.equals("success") -> {
-        val status = Shopping.AddToCartStatus.Success(
-          productId = productId,
-          unitId = unitId
-        )
-        FireworkSdk.shopping.setAddToCartStatus(status)
-        Toast.makeText(currentActivity, tip, Toast.LENGTH_LONG).show()
+    when (resultModel.res) {
+      FWShoppingCtaResult.Res.Success -> {
+        val numberOfItemsInCart = FireworkSdk.shopping.numberOfItemsInCart
+        FireworkSdk.shopping.setCtaButtonStatus(Shopping.CtaButtonStatus.Success)
+        FireworkSdk.shopping.numberOfItemsInCart = numberOfItemsInCart
+      }
+      FWShoppingCtaResult.Res.Fail -> {
+        FireworkSdk.shopping.setCtaButtonStatus(Shopping.CtaButtonStatus.Error)
       }
-      res.equals("fail") -> {
-        val status = Shopping.AddToCartStatus.Error(productId = productId, unitId = unitId)
-        FireworkSdk.shopping.setAddToCartStatus(status)
-        Toast.makeText(currentActivity, tip, Toast.LENGTH_LONG).show()
+      FWShoppingCtaResult.Res.Loading -> {
+        FireworkSdk.shopping.setCtaButtonStatus(Shopping.CtaButtonStatus.Loading)
       }
-      res.equals("loading") -> {
-        FireworkSdk.shopping.setAddToCartStatus(Shopping.AddToCartStatus.Loading)
+      else -> {
+//        throw IllegalStateException("Not allowed: ${resultModel.res}")
       }
     }
+
+    if (!resultModel.tips.isNullOrBlank()) {
+      Toast.makeText(currentActivity, resultModel.tips, Toast.LENGTH_LONG).show()
+    }
   }
 
   @ReactMethod
@@ -196,33 +226,32 @@ class FWVideoShoppingModule(
   }
 
   private fun cartListener() {
-    FireworkSdk.shopping.setOnCartActionListener(
-      object : Shopping.OnCartActionListener {
-        override fun onProductAddedToCart(productId: String, unitId: String) {
-          FWLogUtils.d { "FWVideoShoppingModule updateCart, productId: $productId, unitId: $unitId" }
+    FireworkSdk.shopping.setOnCartClickListener(object : Shopping.OnCartClickListener {
+      override fun onCartClick() {
+        FWLogUtils.d { "FWVideoShoppingModule cartClicked" }
+        val activity = FWInitializationProvider.INSTANCE.resumedActivity
+        activity ?: return
+        val callbackId = generateCallbackId()
+        cartClickHandler = Pair(callbackId, activity)
+        FWEventUtils.sendCartIconClickEvent(reactApplicationContext, callbackId)
+      }
+    })
 
-          FireworkSdk.shopping.setAddToCartStatus(Shopping.AddToCartStatus.Loading)
+    FireworkSdk.shopping.setOnCtaButtonClicked { productId, unitId, productWebUrl ->
+      FWLogUtils.d { "FWVideoShoppingModule updateCart, productId: $productId, unitId: $unitId" }
 
-          val callbackId = generateCallbackId()
-          addToCartHandler = Triple(callbackId, productId, unitId)
-          FWEventUtils.sendAddToCartClickEvent(reactApplicationContext, productId, unitId, callbackId)
-        }
+      FireworkSdk.shopping.setCtaButtonStatus(Shopping.CtaButtonStatus.Loading)
+
+      val callbackId = generateCallbackId()
+      ctaHandler = Triple(callbackId, productId, unitId)
+      FWEventUtils.sendShoppingCtaButtonClickEvent(reactApplicationContext, productId, unitId, productWebUrl, callbackId)
+    }
 
-        override fun onCartClicked() {
-          FWLogUtils.d { "FWVideoShoppingModule cartClicked" }
-          val activity = FWInitializationProvider.INSTANCE.resumedActivity
-          activity ?: return
-          val callbackId = generateCallbackId()
-          cartClickHandler = Pair(callbackId, activity)
-          FWEventUtils.sendCartIconClickEvent(reactApplicationContext, callbackId)
-        }
-      },
-    )
     FireworkSdk.shopping.setOnShoppingErrorListener(
       object : Shopping.OnShoppingErrorListener {
         override fun onShoppingError(error: ShoppingError) {
           when (error) {
-            is ShoppingError.AddToCartError.Timeout -> {
+            is ShoppingError.CtaButtonClickError.Timeout -> {
             }
             else -> {}
           }
@@ -232,7 +261,7 @@ class FWVideoShoppingModule(
   }
 
   private fun productListener() {
-    FireworkSdk.shopping.setOnProductActionListener(object : Shopping.OnProductActionListener {
+    FireworkSdk.shopping.setOnProductHydrationListener(object : Shopping.OnProductHydrationListener {
       override fun onProductHydration(products: List<Product>, hydrator: ProductHydrator) {
         FWLogUtils.d { "FWVideoShoppingModule hydrateProducts, hydrator: ${hydrator.hashCode()}" }
         if (products.isEmpty()) {
@@ -243,8 +272,10 @@ class FWVideoShoppingModule(
         updateProductHydratorHandler[callbackId] = hydrator
         FWEventUtils.sendUpdateProductsDetailsEvent(reactApplicationContext, products, callbackId)
       }
+    })
 
-      override fun onDisplayProductInfo(
+    FireworkSdk.shopping.setOnProductLinkClickListener(object : Shopping.OnProductLinkClickListener {
+      override fun onProductLinkClick(
         productId: String,
         unitId: String,
         productWebUrl: String?

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

@@ -135,12 +135,13 @@ object FWEventUtils {
     sendEvent(reactContext, FWEventName.VideoPlayback.rawValue, eventMap)
   }
 
-  fun sendAddToCartClickEvent(reactContext: ReactContext, productId: String?, unitId: String?, callbackId: Int?) {
+  fun sendShoppingCtaButtonClickEvent(reactContext: ReactContext, productId: String?, unitId: String?, url: String?, callbackId: Int?) {
     val eventMap = Arguments.createMap()
     eventMap.putString("productId", productId)
     eventMap.putString("unitId", unitId)
+    eventMap.putString("url", url)
     eventMap.putInt("callbackId", callbackId?:0)
-    sendEvent(reactContext, FWVideoShoppingEventName.AddToCart.rawValue, eventMap)
+    sendEvent(reactContext, FWVideoShoppingEventName.CtaButtonClick.rawValue, eventMap)
   }
 
   fun sendCartIconClickEvent(reactContext: ReactContext, callbackId: Int?) {
@@ -205,6 +206,12 @@ object FWEventUtils {
     receiveEvent(reactContext, targetTag, FWStoryBlockEventName.StoryBlockLoadFinished.rawValue, eventMap)
   }
 
+  fun receiveStoryBlockFullScreenStateChangedEvent(reactContext: ReactContext, targetTag: Int, isFullScreen: Boolean) {
+    val eventMap = Arguments.createMap()
+    eventMap.putBoolean("isFullScreen", isFullScreen)
+    receiveEvent(reactContext, targetTag, FWStoryBlockEventName.StoryBlockFullScreenStateChanged.rawValue, eventMap)
+  }
+
   private fun receiveEvent(reactContext: ReactContext, targetTag: Int, eventName: String, event: WritableMap?) {
     reactContext.getJSModule(RCTEventEmitter::class.java).receiveEvent(
       targetTag,

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

@@ -324,7 +324,7 @@ object FWConfigUtil {
 
     return AdBadgeOption.Builder()
 //      .adBadgeBackColor(Color.parseColor("#FF6200EE"))
-      .adBadgeTextColor(Color.parseColor("#FFFFFFFF"))
+//      .adBadgeTextColor(Color.parseColor("#FFFFFFFF"))
       .adBadgeLabel(AdBadgeTextType.SPONSORED)
       .adBadgeIsHidden(false)
       .adBadgeShowOnThumbnails(false)

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

@@ -1,6 +1,8 @@
 package com.fireworksdk.bridge.utils
 
+import com.fireworksdk.bridge.components.videofeed.StoryBlockFragment
 import com.fireworksdk.bridge.models.FWAdBadgeConfigModel
+import com.fireworksdk.bridge.models.weakProperty
 
 object FWGlobalDataUtil {
 
@@ -11,4 +13,6 @@ object FWGlobalDataUtil {
   var videoPlaybackEventEnabled: Boolean = false
 
   var customClickLinkButtonEnabled: Boolean = false
+
+  var storyBlockFragment by weakProperty<StoryBlockFragment?>()
 }

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

@@ -10,40 +10,66 @@ object FWLanguageUtil {
   private const val LOCALE_SP = "fw_locale_sp"
   private const val LOCALE_KEY = "fw_locale_key"
 
-  private fun init(context: Context) {
+  private var systemLocale: Locale? = null
+
+  private fun readLocaleFromSp(context: Context) {
     locale = context.getSharedPreferences(LOCALE_SP, Context.MODE_PRIVATE)
       .getString(LOCALE_KEY, null)
   }
 
   fun changeLanguage(context: Context, l: String?): Boolean {
-    if (l.isNullOrBlank() || !isValidLocale(l)) {
+    readLocaleFromSp(context)
+    val sharedPreferences =
+      context.getSharedPreferences(LOCALE_SP, Context.MODE_PRIVATE)
+    if (l.isNullOrBlank()) {
+      if (locale.isNullOrBlank()) {
+        return true
+      }
+
+      locale = null
+      sharedPreferences.edit().apply {
+        remove(LOCALE_KEY)
+      }.commit()
+
+      // change sdk locale to system locale
+//      val sysLocale = getSystemLocale()
+//      if (sysLocale.country.isNullOrBlank()) {
+//        FwSDK.changeAppLocale(context, sysLocale.language)
+//      } else {
+//        FwSDK.changeAppLocale(context, "${sysLocale.language}-${sysLocale.country}")
+//      }
+
+      restartActivity(context)
+      return true
+    }
+
+    if (!isValidLocale(l)) {
       return false
     }
 
-    if (isSame(context, l)) {
+    if (locale == l) {
       return true
     }
 
     locale = l
 
     // save to sp
-    val sharedPreferences =
-      context.getSharedPreferences(LOCALE_SP, Context.MODE_PRIVATE)
     sharedPreferences.edit().apply {
         putString(LOCALE_KEY, l)
       }.apply()
 
-    if (context is Activity) {
-      context.recreate()
-    }
+    restartActivity(context)
 
     return true
   }
 
-  fun updateBaseContextLocale(context: Context?): Context? {
-    context ?: return null
+  fun updateBaseContextLocale(context: Context): Context {
+    if (systemLocale == null) {
+      systemLocale = Locale.getDefault()
+    }
+
     if (locale.isNullOrBlank()) {
-      init(context)
+      readLocaleFromSp(context)
     }
     locale?.let {
       val locale = getLocale(it)
@@ -51,7 +77,10 @@ object FWLanguageUtil {
 
       return updateResourcesLocale(context, locale)
     }
-    return context
+
+    val l = getSystemLocale()
+    Locale.setDefault(l)
+    return updateResourcesLocale(context, l)
   }
 
   private fun updateResourcesLocale(context: Context, locale: Locale): Context {
@@ -78,11 +107,14 @@ object FWLanguageUtil {
     return Locale(locale)
   }
 
-  private fun isSame(context: Context, l: String?) : Boolean {
-    if (locale.isNullOrBlank()) {
-      init(context)
+  private fun restartActivity(context: Context) {
+    if (context is Activity) {
+      context.recreate()
     }
-    return locale.equals(l)
+  }
+
+  private fun getSystemLocale(): Locale {
+    return systemLocale ?: Locale.getDefault()
   }
 
 }

package/android/src/main/res/layout/fw_bridge_story_block.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+  xmlns:app="http://schemas.android.com/apk/res-auto"
+  android:layout_width="match_parent"
+  android:layout_height="match_parent"
+  android:layout_gravity="center"
+  android:layout_marginVertical="16dp">
+
+  <FrameLayout
+    android:id="@+id/story_block_container"
+    android:layout_width="0dp"
+    android:layout_height="0dp"
+    app:layout_constraintBottom_toBottomOf="parent"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toStartOf="parent"
+    app:layout_constraintTop_toTopOf="parent">
+
+    <com.firework.storyblock.FwStoryBlockView
+      android:id="@+id/story_block"
+      android:layout_width="match_parent"
+      android:layout_height="match_parent" />
+
+  </FrameLayout>
+</androidx.constraintlayout.widget.ConstraintLayout>

package/ios/Components/StoryBlock.swift

@@ -25,6 +25,7 @@ public class StoryBlock: UIView, StoryBlockViewControllerDelegate {
     @objc public var playlist: String = ""
     @objc public var dynamicContentParameters: [String: [String]] = [:]
     @objc public var enablePictureInPicture: Bool = false
+    @objc public var adConfiguration: AdConfiguration?
 
     public weak var delegate: StoryBlockViewDelegate?
 
@@ -61,18 +62,32 @@ public class StoryBlock: UIView, StoryBlockViewControllerDelegate {
     }
 
     private func embed() {
-        guard let parentVC = parentViewController else {
+        guard let parentVC = fwParentViewController else {
             return
         }
         guard self.storyBlockVC == nil else {
             return
         }
 
-        let storyBlockVC = StoryBlockViewController(source: source)
+        var resultStoryBlockVC: StoryBlockViewController?
+        if let fireworkVideoAdConfiguration = RCTConvert.getFireworkVideoAdConfiguration(adConfiguration) {
+            resultStoryBlockVC = StoryBlockViewController(source: source, adConfiguration: fireworkVideoAdConfiguration)
+        } else {
+            resultStoryBlockVC = StoryBlockViewController(source: source)
+        }
+
+        guard let storyBlockVC = resultStoryBlockVC else {
+            return
+        }
+
         if self.enablePictureInPicture {
             storyBlockVC.isPictureInPictureEnabled = true
         }
 
+        if FWAppLanguageManager.shared.shouldHorizontalFlip {
+            storyBlockVC.view.fwrtl_viewType = FWRTLViewTypeFlip
+        }
+
         storyBlockVC.delegate = self
         self.storyBlockVC = storyBlockVC
         parentVC.attachChild(storyBlockVC, to: self)
@@ -89,6 +104,22 @@ public class StoryBlock: UIView, StoryBlockViewControllerDelegate {
         self.storyBlockVC = nil
     }
 
+    @objc
+    public func play() {
+        guard let storyBlockVC = self.storyBlockVC else {
+            return
+        }
+        storyBlockVC.play()
+    }
+
+    @objc
+    public func pause() {
+        guard let storyBlockVC = self.storyBlockVC else {
+            return
+        }
+        storyBlockVC.pause()
+    }
+
     public func storyBlockDidLoadFeed(_ viewController: StoryBlockViewController) {
         guard let delegate = self.delegate else {
             return

package/ios/Components/StoryBlockManager.m

@@ -8,7 +8,13 @@
 #import <React/RCTBridgeModule.h>
 #import <React/RCTViewManager.h>
 #import <React/RCTUIManager.h>
+
+#if __has_include(<react_native_firework_sdk/react_native_firework_sdk-Swift.h>)
+#import <react_native_firework_sdk/react_native_firework_sdk-Swift.h>
+#else
 #import "react_native_firework_sdk-Swift.h"
+#endif
+
 
 @interface RCT_EXTERN_REMAP_MODULE(FWStoryBlock, StoryBlockManager, NSObject)
 
@@ -23,8 +29,34 @@ RCT_EXPORT_VIEW_PROPERTY(playlist, NSString)
 RCT_EXPORT_VIEW_PROPERTY(dynamicContentParameters, NSDictionary)
 RCT_EXPORT_VIEW_PROPERTY(enablePictureInPicture, BOOL)
 
+RCT_CUSTOM_VIEW_PROPERTY(adConfiguration, AdConfiguration, StoryBlock) {
+    AdConfiguration *config = [RCTConvert adConfiguration:json];
+    view.adConfiguration = config;
+}
 
 RCT_EXPORT_VIEW_PROPERTY(onStoryBlockLoadFinished, RCTBubblingEventBlock)
 
+RCT_EXPORT_METHOD(play:(nonnull NSNumber *)reactTag) {
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+        StoryBlock *view = (StoryBlock *)(viewRegistry[reactTag]);
+        if (!view || ![view isKindOfClass:[StoryBlock class]]) {
+            RCTLogError(@"Cannot find NativeView with tag #%@", reactTag);
+            return;
+        }
+        [view play];
+    }];
+}
+
+RCT_EXPORT_METHOD(pause:(nonnull NSNumber *)reactTag) {
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+        StoryBlock *view = (StoryBlock *)(viewRegistry[reactTag]);
+        if (!view || ![view isKindOfClass:[StoryBlock class]]) {
+            RCTLogError(@"Cannot find NativeView with tag #%@", reactTag);
+            return;
+        }
+        [view pause];
+    }];
+}
+
 @end
 

package/ios/Components/VideoFeed.swift

@@ -130,29 +130,6 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
         return resultLayout ?? VideoFeedHorizontalLayout()
     }
 
-    private var fireworkVideoAdConfiguration: FireworkVideo.AdConfiguration? {
-        guard let feedAdConfiguration = adConfiguration else {
-            return nil
-        }
-
-        var resultAdConfiguration = FireworkVideo.AdConfiguration()
-        if let requiresAds = feedAdConfiguration.requiresAds {
-            resultAdConfiguration.requiresAds = requiresAds
-        }
-
-        if let adsFetchTimeout = feedAdConfiguration.adsFetchTimeout {
-            resultAdConfiguration.adsFetchTimeout = adsFetchTimeout
-        }
-
-        if let vastAttributes = feedAdConfiguration.vastAttributes {
-            resultAdConfiguration.vastAttributes = vastAttributes.map({ attribute in
-                return URLQueryItem(name: attribute.name ?? "", value: attribute.value ?? "")
-            })
-        }
-
-        return resultAdConfiguration
-    }
-
     public override func layoutSubviews() {
         super.layoutSubviews()
 
@@ -160,12 +137,15 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
     }
 
     private func embed() {
-        guard let parentVC = parentViewController, self.feedVC == nil else {
+        guard let parentVC = fwParentViewController else {
+            return
+        }
+        guard self.feedVC == nil else {
             return
         }
 
         var resultFeedVC: VideoFeedViewController?
-        if let fireworkVideoAdConfiguration = fireworkVideoAdConfiguration {
+        if let fireworkVideoAdConfiguration = RCTConvert.getFireworkVideoAdConfiguration(adConfiguration) {
             resultFeedVC = VideoFeedViewController(
                 layout: videoFeedLayout,
                 source: source,
@@ -204,12 +184,14 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
             feedVC.viewConfiguration = viewConfiguration
         }
 
-        // swiftlint:disable:next notification_center_detachment
-        NotificationCenter.default.removeObserver(self)
         if self.enablePictureInPicture || feedViewConfig?.enablePictureInPicture == true {
             feedVC.isPictureInPictureEnabled = true
         }
 
+        if FWAppLanguageManager.shared.shouldHorizontalFlip {
+            feedVC.view.fwrtl_viewType = FWRTLViewTypeFlip
+        }
+
         feedVC.delegate = self
         self.feedVC = feedVC
         parentVC.attachChild(feedVC, to: self)
@@ -217,8 +199,6 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
 
     public override func removeFromSuperview() {
         super.removeFromSuperview()
-        // swiftlint:disable:next notification_center_detachment
-        NotificationCenter.default.removeObserver(self)
 
         guard let feedVC = self.feedVC else {
             return