react-native-firework-sdk 1.0.5 → 1.0.6-beta.2

package/android/build.gradle

@@ -165,7 +165,7 @@ def kotlin_version = getExtOrDefault('kotlinVersion')
 dependencies {
 
   // optional 1: firework sdk release verison
-  def firework_sdk_version = 'v5.8.0'
+  def firework_sdk_version = 'v5.9.0'
   implementation "com.github.loopsocial:firework_sdk:$firework_sdk_version"
 
   // optional 2: firework sdk local version,

package/android/src/main/AndroidManifest.xml

@@ -14,6 +14,9 @@
     <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/reactnativefireworksdk/components/videofeed/FWVideoFeed.kt

@@ -9,11 +9,14 @@ import com.facebook.react.uimanager.ThemedReactContext
 import com.loopnow.fireworklibrary.FeedType
 import com.loopnow.fireworklibrary.models.FeedLayout
 import com.loopnow.fireworklibrary.models.FeedTitlePosition
+import com.loopnow.fireworklibrary.models.VideoContentStatus
 import com.loopnow.fireworklibrary.views.OnItemClickedListener
+import com.loopnow.fireworklibrary.views.OnVideoContentStatusListener
 import com.loopnow.fireworklibrary.views.VideoFeedView
 import com.reactnativefireworksdk.R
 import com.reactnativefireworksdk.models.*
 import com.reactnativefireworksdk.utils.FWEventUtils
+import com.reactnativefireworksdk.utils.FWLogUtils
 import com.reactnativefireworksdk.utils.FWVideoPlayerUtils
 
 
@@ -22,7 +25,6 @@ class FWVideoFeed(
   attrs: AttributeSet?
 ) : RelativeLayout(context, attrs) {
 
-//  private val reactContext: ReactContext = context.reactApplicationContext
   private val activity: Activity = context.currentActivity as Activity
 
   private val videoFeedView: VideoFeedView
@@ -51,6 +53,23 @@ class FWVideoFeed(
         return super.onItemClicked(index, feedId)
       }
     })
+    videoFeedView.addOnVideoContentStatusListener(object: OnVideoContentStatusListener {
+      override fun currentStatus(status: VideoContentStatus, extra: String) {
+        when (status) {
+          VideoContentStatus.LoadingContent -> {
+            FWLogUtils.d { "VideoContentStatus.LoadingContent" }
+          }
+          VideoContentStatus.LoadingContentFailed -> {
+            FWLogUtils.e { "VideoContentStatus.LoadingContentFailed" }
+            FWEventUtils.receiveVideoFeedLoadFinishedFailedEvent(context, id, VideoContentStatus.LoadingContentFailed.rawValue, extra)
+          }
+          VideoContentStatus.ContentLoaded -> {
+            FWLogUtils.d { "VideoContentStatus.ContentLoaded" }
+            FWEventUtils.receiveVideoFeedLoadFinishedSuccessEvent(context, id)
+          }
+        }
+      }
+    })
   }
 
   fun setSource(source: String?) {

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoPlayerConfigModel.kt

@@ -8,7 +8,9 @@ data class FWVideoPlayerConfigModel(
   val playerStyle: String?,
   val videoCompleteAction: String?,
   val showShareButton: Boolean?,
-  val ctaButtonStyle: FWCtaButtonStyleModel?
+  val ctaButtonStyle: FWCtaButtonStyleModel?,
+  val showMuteButton: Boolean?,
+  val showPlaybackButton: Boolean?,
 ) : Parcelable {
 
   @Parcelize

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoShoppingInterface.kt

@@ -1,11 +1,12 @@
 package com.reactnativefireworksdk.models
 
+import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.bridge.ReadableMap
 
 interface FWVideoShoppingInterface {
 
   fun init()
-  fun updateVideoProduct(productMap: ReadableMap?, callbackId: Int?)
+  fun updateVideoProducts(productArray: ReadableArray?, videoId: String?)
   fun updateProductViewConfig(config: ReadableMap?, callbackId: Int?)
   fun updateAddToCartStatus(res: String?, tip: String?, callbackId: Int?)
   fun jumpToCartPage(callbackId: Int?)

package/android/src/main/java/com/reactnativefireworksdk/module/FWVideoShoppingModule.kt

@@ -2,6 +2,7 @@ package com.reactnativefireworksdk.module
 
 import android.app.Activity
 import com.facebook.react.bridge.*
+import com.fasterxml.jackson.core.type.TypeReference
 import com.loopnow.fireworklibrary.baya.Baya
 import com.loopnow.fireworklibrary.baya.UpdateCartStatus
 import com.loopnow.fireworklibrary.models.Product
@@ -12,13 +13,14 @@ import com.reactnativefireworksdk.utils.FWEventUtils
 import com.reactnativefireworksdk.utils.FWJsonUtils
 import com.reactnativefireworksdk.utils.FWLogUtils
 
+
 class FWVideoShoppingModule(
   reactContext: ReactApplicationContext
 ) : ReactContextBaseJavaModule(reactContext), FWVideoShoppingInterface {
 
   private var addToCartHandler: Triple<Int, String, String>? = null
   private var cartClickHandler: Pair<Int, Activity>? = null
-  private val updateProductHandler: HashMap<String, Product> = HashMap()
+  private val updateProductHandler: HashMap<String, List<Product>> = HashMap()
 
   @ReactMethod
   override fun init() {
@@ -27,40 +29,51 @@ class FWVideoShoppingModule(
   }
 
   @ReactMethod
-  override fun updateVideoProduct(productMap: ReadableMap?, callbackId: Int?) {
-    FWLogUtils.d { "FWVideoShoppingModule updateVideoProduct: $callbackId, productMap: $productMap" }
-    if (callbackId == null) {
+  override fun updateVideoProducts(productArray: ReadableArray?, videoId: String?) {
+    FWLogUtils.d { "FWVideoShoppingModule updateVideoProduct: $videoId" }
+    if (videoId.isNullOrBlank()) {
       return
     }
 
-    val configMap = productMap?.toHashMap()
-    val videoShoppingProduct = FWJsonUtils.fromMap(configMap, FWVideoShoppingProduct::class.java)
-        ?: return
-    val productId = videoShoppingProduct.productId
-    if (productId.isNullOrBlank()) {
+    val configArrayList = productArray?.toArrayList()
+    val videoShoppingProducts = FWJsonUtils.fromJson(FWJsonUtils.toJson(configArrayList), object : TypeReference<List<FWVideoShoppingProduct>?>() {})
+    if (videoShoppingProducts.isNullOrEmpty()) {
       return
     }
 
-    val product = updateProductHandler[productId] ?: return
+    val products = updateProductHandler[videoId] ?: return
 
-    if (videoShoppingProduct.description != null) {
-      product.description = videoShoppingProduct.description
-    }
+    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.units) {
-          if (videoShoppingProductUnit.unitId.equals(productUnit.externalId)) {
-            productUnit.name = videoShoppingProductUnit.name
-            productUnit.price?.amount = videoShoppingProductUnit.price?.amount
-            productUnit.price?.currencyCode = videoShoppingProductUnit.price?.currencyCode
+          if (videoShoppingProduct.units != null) {
+            for (videoShoppingProductUnit in videoShoppingProduct.units) {
+              for (productUnit in product.units) {
+                if (videoShoppingProductUnit.unitId.equals(productUnit.externalId)) {
+                  productUnit.name = videoShoppingProductUnit.name
+                  productUnit.price?.amount = videoShoppingProductUnit.price?.amount
+                  productUnit.price?.currencyCode = videoShoppingProductUnit.price?.currencyCode
+                }
+              }
+            }
           }
+
         }
       }
     }
-
-    updateProductHandler.remove(productId)
-
+    UiThreadUtil.runOnUiThread {
+      Baya.updateProductsComplete(videoId)
+    }
+    updateProductHandler.remove(videoId)
   }
 
   @ReactMethod
@@ -110,9 +123,8 @@ class FWVideoShoppingModule(
 
   @ReactMethod
   override fun exitCartPage() {
-    val activity = reactApplicationContext.currentActivity
     UiThreadUtil.runOnUiThread {
-      activity?.finish()
+      currentActivity?.finish()
     }
   }
 
@@ -156,13 +168,13 @@ class FWVideoShoppingModule(
 
   private fun productListener() {
     Baya.productInterface = object: Baya.ProductInterface {
-      override fun hydrateProduct(id: String, product: Product) {
-        FWLogUtils.d { "FWVideoShoppingModule hydrateProduct, id: $id" }
-        val callbackId = generateCallbackId()
-        if (!id.isNullOrBlank()) {
-          updateProductHandler[id] = product
-          FWEventUtils.sendUpdateProductDetailsEvent(reactApplicationContext, id, callbackId)
+      override fun hydrateProducts(videoId: String, products: List<Product>) {
+        FWLogUtils.d { "FWVideoShoppingModule hydrateProducts, videoId: $videoId" }
+        if (videoId.isNullOrBlank() || products.isNullOrEmpty()) {
+          return
         }
+        updateProductHandler[videoId] = products
+        FWEventUtils.sendUpdateProductsDetailsEvent(reactApplicationContext, products, videoId)
       }
 
       override fun displayProductInfo(

package/android/src/main/java/com/reactnativefireworksdk/module/FireworkSDKModule.kt

@@ -125,15 +125,6 @@ class FireworkSDKModule(
               SdkStatus.RefreshTokenFailed -> {
                 FWEventUtils.sendInitFailedEvent(reactApplicationContext, extra)
               }
-              SdkStatus.LoadingContent -> {
-                FWLogUtils.d { "LoadingContent" }
-              }
-              SdkStatus.LoadingContentFailed -> {
-                FWLogUtils.e { "LoadingContentFailed" }
-              }
-              SdkStatus.ContentLoaded -> {
-                FWLogUtils.d { "ContentLoaded" }
-              }
             }
           }
         })

package/android/src/main/java/com/reactnativefireworksdk/utils/FWEventUtils.kt

@@ -5,6 +5,7 @@ import com.facebook.react.bridge.ReactContext
 import com.facebook.react.bridge.WritableMap
 import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.facebook.react.uimanager.events.RCTEventEmitter
+import com.loopnow.fireworklibrary.models.Product
 import com.reactnativefireworksdk.models.*
 
 object FWEventUtils {
@@ -86,10 +87,18 @@ object FWEventUtils {
     sendEvent(reactContext, FWVideoShoppingEventName.ClickCartIcon.rawValue, eventMap)
   }
 
-  fun sendUpdateProductDetailsEvent(reactContext: ReactContext, productId: String?, callbackId: Int?) {
+  fun sendUpdateProductsDetailsEvent(reactContext: ReactContext, products: List<Product>?, videoId: String?) {
     val eventMap = Arguments.createMap()
-    eventMap.putString("productId", productId)
-    eventMap.putInt("callbackId", callbackId?:0)
+
+    val productArray = Arguments.createArray()
+    if (!products.isNullOrEmpty()) {
+      for (product in products) {
+        productArray.pushString(product.extId)
+      }
+    }
+
+    eventMap.putArray("productIds", productArray)
+    eventMap.putString("callbackId", videoId)
     sendEvent(reactContext, FWVideoShoppingEventName.UpdateProductDetails.rawValue, eventMap)
   }
 
@@ -99,7 +108,11 @@ object FWEventUtils {
       .emit(eventName, params)
   }
 
-  fun receiveVideoFeedLoadFinished(reactContext: ReactContext, targetTag: Int, eventName: String, name: String?, reason: String?) {
+  fun receiveVideoFeedLoadFinishedSuccessEvent(reactContext: ReactContext, targetTag: Int) {
+    receiveEvent(reactContext, targetTag, FWFeedViewEventName.VideoFeedLoadFinished.rawValue, Arguments.createMap())
+  }
+
+  fun receiveVideoFeedLoadFinishedFailedEvent(reactContext: ReactContext, targetTag: Int, name: String, reason: String?) {
     val eventMap = Arguments.createMap()
     eventMap.putString("name", name)
     eventMap.putString("reason", reason)

package/android/src/main/java/com/reactnativefireworksdk/utils/FWJsonUtils.kt

@@ -2,6 +2,7 @@ package com.reactnativefireworksdk.utils
 
 import android.os.Looper
 import com.fasterxml.jackson.annotation.JsonInclude
+import com.fasterxml.jackson.core.type.TypeReference
 import com.fasterxml.jackson.databind.DeserializationFeature
 import com.fasterxml.jackson.databind.ObjectMapper
 import com.fasterxml.jackson.databind.SerializationFeature
@@ -54,4 +55,31 @@ object FWJsonUtils {
     }
     return null
   }
+
+  @JvmStatic
+  fun <T> fromJson(json: String?, type: TypeReference<T>): T? {
+    if (json.isNullOrBlank()) {
+      return null
+    }
+    try {
+      return mapper.readValue(json, type)
+    } catch (e: Exception) {
+      e.printStackTrace()
+      logJsonError(e)
+    }
+    return null
+  }
+
+  @JvmStatic
+  fun toJson(obj: Any?): String? {
+    if (obj == null) {
+      return null
+    }
+    try {
+      return mapper.writeValueAsString(obj)
+    } catch (e: Exception) {
+      e.printStackTrace()
+    }
+    return null
+  }
 }

package/android/src/main/java/com/reactnativefireworksdk/utils/FWVideoPlayerUtils.kt

@@ -14,5 +14,7 @@ object FWVideoPlayerUtils {
     VideoPlayerProperties.loop = config?.videoCompleteAction != FWVideoPlayerConstant.FW_VIDEO_COMPLETE_ACTION_ADVANCE_TO_NEXT
 //    VideoPlayerProperties.autoPlayOnComplete = config?.videoCompleteAction != FWVideoPlayerConstant.FW_VIDEO_COMPLETE_ACTION_LOOP
     VideoPlayerProperties.fullScreenPlayer = config?.playerStyle == FWVideoPlayerConstant.FW_PLAYER_STYLE_FULL
+    VideoPlayerProperties.enableOneTouchMute = config?.showMuteButton == true
+    VideoPlayerProperties.enablePlayPauseControl = config?.showPlaybackButton == true
   }
 }

package/ios/Component/VideoFeed.swift

@@ -31,7 +31,7 @@ public enum VideoFeedMode: Int {
 
 @objc
 public enum VideFeedSourceType: Int {
-    case discover, channel, playlist
+    case discover, channel, playlist, playlistGroup
 }
 
 public protocol VideoFeedViewDelegate: AnyObject {
@@ -47,6 +47,7 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
     @objc public var sourceType: VideFeedSourceType = .discover
     @objc public var channel: String = ""
     @objc public var playlist: String = ""
+    @objc public var playlistGroup: String = ""
     @objc public var mode: VideoFeedMode = .row
     @objc public var feedViewConfig: VideoFeedConfiguration? {
         didSet {
@@ -78,6 +79,8 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
             return .channel(channelID: channel)
         case .playlist:
             return .channelPlaylist(channelID: channel, playlistID: playlist)
+        case .playlistGroup:
+            return .playlistGroup(groupID: playlistGroup)
         }
     }
     
@@ -113,11 +116,13 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
     }
     
     public override func removeFromSuperview() {
-        guard let feedVC = feedVC, let parentVC = parentViewController else {
+        guard let feedVC = feedVC, feedVC.parent != nil else {
             return
         }
         
-        parentVC.detachChild(feedVC)
+        feedVC.willMove(toParent: nil)
+        feedVC.removeFromParent()
+        feedVC.view.removeFromSuperview()
 //        feedVC.willMove(toParent: nil)
 //        feedVC.removeFromParent()
 //        feedVC.view.removeFromSuperview()
@@ -216,6 +221,9 @@ extension VideoFeed {
                 vfcConfig.titleLayoutConfiguration.titlePosition = .nested
             }
         }
+        if let showSponsored = config.showSponsored {
+            vfcConfig.sponsored.isHidden = !showSponsored
+        }
         
         return vfcConfig
     }
@@ -256,7 +264,27 @@ extension VideoFeed {
                 vpcConfig.ctaButton.font = UIFont.systemFont(ofSize: CGFloat(fontSize))
             }
         }
+        if let showPlaybackButton = config.showPlaybackButton {
+            vpcConfig.playbackButton.isHidden = !showPlaybackButton
+        }
+        if let showMuteButton = config.showMuteButton {
+            vpcConfig.muteButton.isHidden = !showMuteButton
+            if let launchBehavior = config.launchBehavior {
+                vpcConfig.onFirstLaunch = launchBehavior.behavior()
+            }
+        }
         
         return vpcConfig
     }
 }
+
+extension VideoPlayerConfiguration.VideoLaunchBehavior {
+    func behavior() -> VideoPlayerContentConfiguration.VideoLaunchBehavior {
+        switch self {
+        case .muteOnFirstLaunch:
+            return .muteOnFirstLaunch
+        default:
+            return .`default`
+        }
+    }
+}

package/ios/Component/VideoFeedConfiguration.swift

@@ -14,6 +14,7 @@ public class VideoFeedConfiguration: NSObject, Codable {
     var title: VideoFeedTitleConfiguration?
     var titlePosition: VideoFeedTitlePosition?
     var playIcon: VideoFeedPlayIconConfiguration?
+    var showSponsored: Bool?
     
     class VideoFeedTitleConfiguration: NSObject, Codable {
         public var hidden: Bool?

package/ios/Component/VideoFeedManager.m

@@ -21,6 +21,8 @@ RCT_CUSTOM_VIEW_PROPERTY(source, VideFeedSourceType, VideoFeed) {
 }
 RCT_EXPORT_VIEW_PROPERTY(channel, NSString)
 RCT_EXPORT_VIEW_PROPERTY(playlist, NSString)
+RCT_EXPORT_VIEW_PROPERTY(playlistGroup, NSString)
+
 RCT_CUSTOM_VIEW_PROPERTY(mode, VideoFeedMode, VideoFeed) {
     if (json) {
         VideoFeedMode mode = [RCTConvert videoFeedMode:json];

package/ios/Component/VideoPlayerConfiguration.swift

@@ -13,6 +13,9 @@ public class VideoPlayerConfiguration: NSObject, Codable {
     var videoCompleteAction: VideoPlayerCompleteAction?
     var showShareButton: Bool?
     var ctaButtonStyle: VideoPlayerCTAStyle?
+    var showPlaybackButton: Bool?
+    var showMuteButton: Bool?
+    var launchBehavior: VideoLaunchBehavior?
     
     public enum VideoPlayerStyle: String, Codable {
         case full, fit
@@ -27,4 +30,8 @@ public class VideoPlayerConfiguration: NSObject, Codable {
         var textColor: String?
         var fontSize: Int?
     }
+    
+    public enum VideoLaunchBehavior: String, Codable {
+        case `default`, muteOnFirstLaunch
+    }
 }

package/ios/Models/RCTConvert+Shopping.swift

@@ -8,6 +8,21 @@
 import Foundation
 
 extension RCTConvert {
+    static func buildProducts(_ rawProducts: [AnyObject]?) -> [Product]? {
+        guard let rRawProducts = rawProducts else {
+            return nil
+        }
+        
+        var products = [Product]()
+        for rawProduct in rRawProducts {
+            let product = buildProduct(rawProduct as? [String : Any])
+            if let rProduct = product {
+                products.append(rProduct)
+            }
+        }
+        return products
+    }
+    
     static func buildProduct(_ product: [String: Any]?) -> Product? {
         guard let rProduct = product else {
             return nil

package/ios/Models/RCTConvert+VideoFeed.swift

@@ -11,7 +11,8 @@ extension VideFeedSourceType {
     static var feedTypeMapper: [String: VideFeedSourceType] {
         ["discover": .discover,
          "channel": .channel,
-         "playlist": .playlist]
+         "playlist": .playlist,
+         "playlistGroup": .playlistGroup]
     }
 }
 

package/ios/Modules/FireworkSDKModule/FireworkSDKModule+EventTracking.swift

@@ -69,7 +69,12 @@ extension FireworkSDKModule: FireworkVideoPlaybackDelegate {
 
 extension FireworkSDKModule: FireworkVideoFeedDelegate {
     func fireworkVideoDidTapThumbnail(_ eventDetails: FeedEventDetails) {
-        sendEvent(withName: FWEventName.VideoFeedClick.rawValue, body: eventDetails.jsObject)
+        switch eventDetails.source {
+        case .playlistGroup(_): break
+            
+        default:
+            sendEvent(withName: FWEventName.VideoFeedClick.rawValue, body: eventDetails.jsObject)
+        }
     }
     
 //    func fireworkVideoDidTapVideoThumbnail(_ eventDetails: FeedEventDetails) {

package/ios/Modules/FireworkSDKModule/FireworkSDKModule.swift

@@ -65,6 +65,10 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
     
     @objc(openVideoPlayer:config:)
     func openVideoPlayer(_ url: String, config: [String:AnyObject]) {
+        guard let urlString = URL.init(string: url) else {
+            return
+        }
+        
         var finalConfig = RCTConvert.videoPlayerContentConfiguration(config)
         if let baseUrl = gShareBaseURL {
             finalConfig.shareButton.behavior.baseURL = URL(string: baseUrl)
@@ -74,7 +78,7 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
             guard let presentedVC = RCTPresentedViewController() else {
                 return
             }
-            VideoFeedViewController.openVideoPlayer(with: url, finalConfig, presentedVC) { _ in
+            VideoFeedViewController.openVideoPlayer(with: urlString, finalConfig, presentedVC) { _ in
                 
             }
         }

package/ios/Modules/Shopping/ShoppingModule.m

@@ -12,7 +12,7 @@
 _RCT_EXTERN_REMAP_METHOD(init, initialize, NO)
 RCT_EXTERN_METHOD(setCartIconVisible:(BOOL)visible)
 RCT_EXTERN_METHOD(setCartItemCount:(int)itemCounts)
-RCT_EXTERN_METHOD(updateVideoProduct:(NSDictionary *)product cbId:(nonnull NSNumber *)cbid)
+RCT_EXTERN_METHOD(updateVideoProducts:(NSArray *)products cbId:(nonnull NSNumber *)cbid)
 RCT_EXTERN_METHOD(updateProductViewConfig:(NSDictionary *)config cbId:(nonnull NSNumber *)cbid)
 RCT_EXTERN_METHOD(updateAddToCartStatus:(NSString *)res tips:(nullable NSString *)tips cbId:(nonnull NSNumber *)cbid)
 RCT_EXTERN_METHOD(jumpToCartPage:(nonnull NSNumber *)cbid)

package/ios/Modules/Shopping/ShoppingModule.swift

@@ -63,16 +63,19 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
     }
     
     @objc
-    func updateVideoProduct(_ product: [String: Any]?, cbId: NSNumber) {
-        let product = RCTConvert.buildProduct(product)
-        guard let rProduct = product, let productHydrating = productHydrating, productHydrating.0 == Int(truncating: cbId) else {
+    func updateVideoProducts(_ products: [AnyObject]?, cbId: NSNumber) {
+        guard let rProducts = RCTConvert.buildProducts(products),
+                let productHydrating = productHydrating,
+                productHydrating.0 == Int(truncating: cbId) else {
             return
         }
         
         DispatchQueue.main.async {
-            productHydrating.1.hydrateProduct(rProduct.productId, { build in
-                return ShoppingModule.hydrateProduct(rProduct, build)
-            })
+            for product in rProducts {
+                productHydrating.1.hydrateProduct(product.productId, { build in
+                    return ShoppingModule.hydrateProduct(product, build)
+                })
+            }
         }
     }
     
@@ -136,9 +139,7 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
         let callbackId = ShoppingModule.generateCallbackId()
         self.productHydrating = (callbackId, productHydrator)
         
-        for productId in products {
-            sendEvent(withName: ShoppingEventName.UpdateProductDetails.rawValue, body: ["productId": productId, "callbackId": callbackId])
-        }
+        sendEvent(withName: ShoppingEventName.UpdateProductDetails.rawValue, body: ["productIds": products, "callbackId": callbackId])
     }
     
     func fireworkShopping(_ fireworkShopping: FireworkVideoShopping, addProductVariantToCart item: SelectedProductVariant, fromVideo video: VideoDetails, _ addToCartCompletionHandler: @escaping AddToCartHandler) {

package/lib/commonjs/VideoShopping.js

@@ -142,10 +142,11 @@ class VideoShopping {
     if (this.onUpdateProductDetails) {
       const callbackId = event.callbackId;
       delete event.callbackId;
-      const product = await this.onUpdateProductDetails(event);
+      const productList = await this.onUpdateProductDetails(event);
+      console.log('handleUpdateProductDetailsEvent productList', JSON.stringify(productList));
 
-      if (product) {
-        _ShoppingModule.default.updateVideoProduct(product, callbackId);
+      if (productList) {
+        _ShoppingModule.default.updateVideoProducts(productList, callbackId);
       }
     }
   }

package/lib/commonjs/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","cartIconVisible","_cartIconVisible","value","ShoppingModule","setCartIconVisible","getInstance","_instance","constructor","eventEmitter","NativeEventEmitter","addListener","FWEventName","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","exitCartPage","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","cartPage","currentCartPage","jumpToCartPage","onUpdateProductDetails","product","updateVideoProduct","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport {\n  AddToCartEvent,\n  FWEventName,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule from './modules/ShoppingModule';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  React.ReactNode | undefined | null\n>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product | undefined | null>;\n\nexport type WillDisplayProductCallback = (\n  event: WillDisplayProductEvent\n) => Promise<ProductInfoViewConfiguration | undefined | null>;\n\ntype CallbackInfo = { callbackId?: number | string };\n\n/**\n * Entry class of Video Shopping\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * This callback is triggered when the user clicks the \"Add to cart\" button.\n   *\n   * The host app can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   */\n  public onAddToCart?: AddToCartCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can return a React.Node to integrate custom cart page to shopping flow.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product object to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the product will be shown.\n   *\n   * The host app can return a ProductInfoViewConfiguration object to configure \"Add to cart\" button style and cart icon style.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\n\n  /**\n   * Defaults to true. You can hide the cart icon by setting this property to false. \n   */\n  public get cartIconVisible(): boolean {\n    return this._cartIconVisible;\n  }\n  public set cartIconVisible(value: boolean) {\n    this._cartIconVisible = value;\n    ShoppingModule.setCartIconVisible(value);\n  }\n\n  public currentCartPage?: React.ReactNode;\n\n  private eventEmitter: NativeEventEmitter;\n\n  public static getInstance() {\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter = new NativeEventEmitter(ShoppingModule);\n    this.eventEmitter.addListener(FWEventName.AddToCart, (event) => {\n      this.handleAddToCartEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      this.handleClickCartIconEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.WillDisplayProduct, (event) => {\n      this.handleWillDisplayProductEvent(event);\n    });\n  }\n\n  /**\n   * Exit Cart Page.\n   *\n   * The host app can call this method to exit their cart page.\n   */\n  public exitCartPage() {\n    ShoppingModule.exitCartPage();\n  }\n\n  /**\n   * \n   * @param {number} count The number of items in the host app cart\n   */\n  public setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleAddToCartEvent(event: AddToCartEvent & CallbackInfo) {\n    if (this.onAddToCart) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        ShoppingModule.updateAddToCartStatus(\n          result.res,\n          result.tips,\n          callbackId!,\n        );\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent(event: CallbackInfo) {\n    if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const cartPage = await this.onClickCartIcon();\n      this.currentCartPage = cartPage;\n\n      if (cartPage) {\n        ShoppingModule.jumpToCartPage(callbackId!);\n      }\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(\n    event: UpdateProductDetailsEvent & CallbackInfo\n  ) {\n    if (this.onUpdateProductDetails) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const product = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n      if (product) {\n        ShoppingModule.updateVideoProduct(product, callbackId!);\n      }\n    }\n  }\n\n  private async handleWillDisplayProductEvent(\n    event: WillDisplayProductEvent & CallbackInfo\n  ) {\n    if (this.onWillDisplayProduct) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        ShoppingModule.updateProductViewConfig(config, callbackId!);\n      }\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","cartIconVisible","_cartIconVisible","value","ShoppingModule","setCartIconVisible","getInstance","_instance","constructor","eventEmitter","NativeEventEmitter","addListener","FWEventName","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","exitCartPage","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","cartPage","currentCartPage","jumpToCartPage","onUpdateProductDetails","productList","console","log","JSON","stringify","updateVideoProducts","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport {\n  AddToCartEvent,\n  FWEventName,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule from './modules/ShoppingModule';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  React.ReactNode | undefined | null\n>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product[] | undefined | null>;\n\nexport type WillDisplayProductCallback = (\n  event: WillDisplayProductEvent\n) => Promise<ProductInfoViewConfiguration | undefined | null>;\n\ntype CallbackInfo = { callbackId?: number | string };\n\n/**\n * Entry class of Video Shopping\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * This callback is triggered when the user clicks the \"Add to cart\" button.\n   *\n   * The host app can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   */\n  public onAddToCart?: AddToCartCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can return a React.Node to integrate custom cart page to shopping flow.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product object to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the product will be shown.\n   *\n   * The host app can return a ProductInfoViewConfiguration object to configure \"Add to cart\" button style and cart icon style.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\n\n  /**\n   * Defaults to true. You can hide the cart icon by setting this property to false. \n   */\n  public get cartIconVisible(): boolean {\n    return this._cartIconVisible;\n  }\n  public set cartIconVisible(value: boolean) {\n    this._cartIconVisible = value;\n    ShoppingModule.setCartIconVisible(value);\n  }\n\n  public currentCartPage?: React.ReactNode;\n\n  private eventEmitter: NativeEventEmitter;\n\n  public static getInstance() {\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter = new NativeEventEmitter(ShoppingModule);\n    this.eventEmitter.addListener(FWEventName.AddToCart, (event) => {\n      this.handleAddToCartEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      this.handleClickCartIconEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.WillDisplayProduct, (event) => {\n      this.handleWillDisplayProductEvent(event);\n    });\n  }\n\n  /**\n   * Exit Cart Page.\n   *\n   * The host app can call this method to exit their cart page.\n   */\n  public exitCartPage() {\n    ShoppingModule.exitCartPage();\n  }\n\n  /**\n   * \n   * @param {number} count The number of items in the host app cart\n   */\n  public setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleAddToCartEvent(event: AddToCartEvent & CallbackInfo) {\n    if (this.onAddToCart) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        ShoppingModule.updateAddToCartStatus(\n          result.res,\n          result.tips,\n          callbackId!,\n        );\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent(event: CallbackInfo) {\n    if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const cartPage = await this.onClickCartIcon();\n      this.currentCartPage = cartPage;\n\n      if (cartPage) {\n        ShoppingModule.jumpToCartPage(callbackId!);\n      }\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(\n    event: UpdateProductDetailsEvent & CallbackInfo\n  ) {\n    if (this.onUpdateProductDetails) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const productList = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n      console.log('handleUpdateProductDetailsEvent productList', JSON.stringify(productList));\n      if (productList) {\n        ShoppingModule.updateVideoProducts(productList, callbackId!);\n      }\n    }\n  }\n\n  private async handleWillDisplayProductEvent(\n    event: WillDisplayProductEvent & CallbackInfo\n  ) {\n    if (this.onWillDisplayProduct) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        ShoppingModule.updateProductViewConfig(config, callbackId!);\n      }\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}

package/lib/commonjs/components/VideoFeed.js

@@ -57,12 +57,13 @@ class VideoFeed extends _react.default.Component {
       source,
       channel = '',
       playlist = '',
+      playlistGroup = '',
       mode = 'row',
       videoFeedConfiguration
     } = this.props;
     const titleHidden = (_videoFeedConfigurati = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati2 = videoFeedConfiguration.title) === null || _videoFeedConfigurati2 === void 0 ? void 0 : _videoFeedConfigurati2.hidden) !== null && _videoFeedConfigurati !== void 0 ? _videoFeedConfigurati : false;
     const titlePosition = (_videoFeedConfigurati3 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.titlePosition) !== null && _videoFeedConfigurati3 !== void 0 ? _videoFeedConfigurati3 : 'nested';
-    const key = `source:${source}_channel:${channel}_playlist:${playlist}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;
+    const key = `source:${source}_channel:${channel}_playlist:${playlist}_playlistGroup:${playlistGroup}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;
     return /*#__PURE__*/_react.default.createElement(_FWVideoFeed.default, _extends({
       key: key
     }, this.props, {

package/lib/commonjs/components/VideoFeed.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoFeed.tsx"],"names":["NativeComponentName","VideoFeed","React","Component","createRef","nativeNodeHandle","nativeComponentRef","current","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","render","source","channel","playlist","mode","videoFeedConfiguration","titleHidden","title","hidden","titlePosition","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;;;AA6CA,MAAMA,mBAAmB,GAAG,aAA5B;;AAEe,MAAMC,SAAN,SAAwBC,eAAMC,SAA9B,CAAyD;AAAA;AAAA;;AAAA,6DAKjDD,eAAME,SAAN,EALiD;;AAAA,qCASrD,MAAM;AACrB,YAAMC,gBAAgB,GAAG,iCAAe,KAAKC,kBAAL,CAAwBC,OAAvC,CAAzB;;AAEAC,6BAAUC,0BAAV,CACE,iCAAeJ,gBAAf,CADF,EAEEG,uBAAUE,oBAAV,CAA+BV,mBAA/B,EAAoDW,QAApD,CAA6DC,OAF/D,EAGE,EAHF;AAKD,KAjBqE;;AAAA,sDAoBpEC,KADiC,IAE9B;AACH,YAAM;AAAEC,QAAAA,IAAF;AAAQC,QAAAA;AAAR,UAAmBF,KAAK,CAACG,WAA/B;;AACA,UAAI,KAAKC,KAAL,CAAWC,uBAAf,EAAwC;AACtC,YAAIJ,IAAJ,EAAU;AACR,eAAKG,KAAL,CAAWC,uBAAX,CAAmC;AAAEJ,YAAAA,IAAF;AAAQC,YAAAA;AAAR,WAAnC;AACD,SAFD,MAEO;AACL,eAAKE,KAAL,CAAWC,uBAAX;AACD;AACF;AACF,KA9BqE;AAAA;;AAgCtEC,EAAAA,MAAM,GAAG;AAAA;;AACP,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,IAAI,GAAG,KAJH;AAKJC,MAAAA;AALI,QAMF,KAAKP,KANT;AAOA,UAAMQ,WAAW,4BAAGD,sBAAH,aAAGA,sBAAH,iDAAGA,sBAAsB,CAAEE,KAA3B,2DAAG,uBAA+BC,MAAlC,yEAA4C,KAA7D;AACA,UAAMC,aAAa,6BAAGJ,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEI,aAA3B,2EAA4C,QAA/D;AAEA,UAAMC,GAAG,GAAI,UAAST,MAAO,YAAWC,OAAQ,aAAYC,QAAS,SAAQC,IAAK,gBAAeE,WAAY,kBAAiBG,aAAc,EAA5I;AAEA,wBACE,6BAAC,oBAAD;AACE,MAAA,GAAG,EAAEC;AADP,OAEM,KAAKZ,KAFX;AAGE,MAAA,GAAG,EAAE,KAAKX,kBAHZ;AAIE,MAAA,uBAAuB,EAAE,KAAKwB,wBAJhC;AAKE,MAAA,IAAI,EAAEP,IALR;AAME,MAAA,KAAK,EAAEQ,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKf,KAAL,CAAWgB,KAA7B,EAAoC;AAACC,QAAAA,MAAM,EAAE,CAAC;AAAV,OAApC;AANT,OADF;AAUD;;AAvDqE;;;;gBAAnDjC,S,kBACG;AACpBsB,EAAAA,IAAI,EAAE;AADc,C","sourcesContent":["import React from 'react';\nimport { UIManager, findNodeHandle, StyleProp, ViewStyle } from 'react-native';\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type FWError from '../models/FWError';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedSource = 'discover' | 'channel' | 'playlist';\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of three available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel name from which content should be displayed. Videos are ordered as a channel timeline. The prop is required when the source is set as channel or playlist.\n   */\n  channel?: string;\n  /**\n   * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of Video Feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of Video Player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * Video feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    const { name, reason } = event.nativeEvent;\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      mode = 'row',\n      videoFeedConfiguration,\n    } = this.props;\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n\n    const key = `source:${source}_channel:${channel}_playlist:${playlist}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n        style={Object.assign({}, this.props.style, {zIndex: -1})}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"sources":["VideoFeed.tsx"],"names":["NativeComponentName","VideoFeed","React","Component","createRef","nativeNodeHandle","nativeComponentRef","current","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","render","source","channel","playlist","playlistGroup","mode","videoFeedConfiguration","titleHidden","title","hidden","titlePosition","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;;;AAkDA,MAAMA,mBAAmB,GAAG,aAA5B;;AAEe,MAAMC,SAAN,SAAwBC,eAAMC,SAA9B,CAAyD;AAAA;AAAA;;AAAA,6DAKjDD,eAAME,SAAN,EALiD;;AAAA,qCASrD,MAAM;AACrB,YAAMC,gBAAgB,GAAG,iCAAe,KAAKC,kBAAL,CAAwBC,OAAvC,CAAzB;;AAEAC,6BAAUC,0BAAV,CACE,iCAAeJ,gBAAf,CADF,EAEEG,uBAAUE,oBAAV,CAA+BV,mBAA/B,EAAoDW,QAApD,CAA6DC,OAF/D,EAGE,EAHF;AAKD,KAjBqE;;AAAA,sDAoBpEC,KADiC,IAE9B;AACH,YAAM;AAAEC,QAAAA,IAAF;AAAQC,QAAAA;AAAR,UAAmBF,KAAK,CAACG,WAA/B;;AACA,UAAI,KAAKC,KAAL,CAAWC,uBAAf,EAAwC;AACtC,YAAIJ,IAAJ,EAAU;AACR,eAAKG,KAAL,CAAWC,uBAAX,CAAmC;AAAEJ,YAAAA,IAAF;AAAQC,YAAAA;AAAR,WAAnC;AACD,SAFD,MAEO;AACL,eAAKE,KAAL,CAAWC,uBAAX;AACD;AACF;AACF,KA9BqE;AAAA;;AAgCtEC,EAAAA,MAAM,GAAG;AAAA;;AACP,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,aAAa,GAAG,EAJZ;AAKJC,MAAAA,IAAI,GAAG,KALH;AAMJC,MAAAA;AANI,QAOF,KAAKR,KAPT;AAQA,UAAMS,WAAW,4BAAGD,sBAAH,aAAGA,sBAAH,iDAAGA,sBAAsB,CAAEE,KAA3B,2DAAG,uBAA+BC,MAAlC,yEAA4C,KAA7D;AACA,UAAMC,aAAa,6BAAGJ,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEI,aAA3B,2EAA4C,QAA/D;AAEA,UAAMC,GAAG,GAAI,UAASV,MAAO,YAAWC,OAAQ,aAAYC,QAAS,kBAAiBC,aAAc,SAAQC,IAAK,gBAAeE,WAAY,kBAAiBG,aAAc,EAA3K;AAEA,wBACE,6BAAC,oBAAD;AACE,MAAA,GAAG,EAAEC;AADP,OAEM,KAAKb,KAFX;AAGE,MAAA,GAAG,EAAE,KAAKX,kBAHZ;AAIE,MAAA,uBAAuB,EAAE,KAAKyB,wBAJhC;AAKE,MAAA,IAAI,EAAEP,IALR;AAME,MAAA,KAAK,EAAEQ,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKhB,KAAL,CAAWiB,KAA7B,EAAoC;AAACC,QAAAA,MAAM,EAAE,CAAC;AAAV,OAApC;AANT,OADF;AAUD;;AAxDqE;;;;gBAAnDlC,S,kBACG;AACpBuB,EAAAA,IAAI,EAAE;AADc,C","sourcesContent":["import React from 'react';\nimport { UIManager, findNodeHandle, StyleProp, ViewStyle } from 'react-native';\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type FWError from '../models/FWError';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedSource = 'discover' | 'channel' | 'playlist' | 'playlistGroup';\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of three available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel name from which content should be displayed. Videos are ordered as a channel timeline. The prop is required when the source is set as channel or playlist.\n   */\n  channel?: string;\n  /**\n   * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n\n  /**\n   * PlaylistGroup Id for selected content. Required when the source is set as playlistGroup.\n   */\n  playlistGroup?: string;\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of Video Feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of Video Player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * Video feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    const { name, reason } = event.nativeEvent;\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      playlistGroup = '',\n      mode = 'row',\n      videoFeedConfiguration,\n    } = this.props;\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n\n    const key = `source:${source}_channel:${channel}_playlist:${playlist}_playlistGroup:${playlistGroup}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n        style={Object.assign({}, this.props.style, {zIndex: -1})}\n      />\n    );\n  }\n}\n"]}

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["AppRegistry","registerComponent","CartContainer","FireworkSDK"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAMA;;AAOA;;AA+BA;;AAaA;;;;AAEAA,yBAAYC,iBAAZ,CAA8B,oBAA9B,EAAoD,MAAMC,sBAA1D;;eAEeC,oB","sourcesContent":["import { AppRegistry } from 'react-native';\n\nimport CartContainer from './components/CartContainer';\nimport type {\n  IVideoFeedProps,\n  VideoFeedMode,\n  VideoFeedSource,\n} from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport type ADConfig from './models/ADConfig';\nimport type AddToCartResult from './models/AddToCartResult';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  AddToCartEvent,\n  CustomCTAClickEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type {\n  AddToCartButtonConfiguration,\n} from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice } from './models/ProductUnit';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type {\n  VideoBadge,\n  VideoPlayerSize,\n} from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoPlayerCompleteAction,\n  VideoPlayerCTAStyle,\n  VideoPlayerStyle,\n} from './models/VideoPlayerConfiguration';\nimport type {\n  AddToCartCallback,\n  ClickCartIconCallback,\n  UpdateProductDetailsCallback,\n  WillDisplayProductCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nAppRegistry.registerComponent('FWShoppingCartPage', () => CartContainer);\n\nexport default FireworkSDK;\n\nexport {\n  ADConfig,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  FeedItemDetails,\n  FWError,\n  IVideoFeedProps,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoBadge,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTAStyle,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n  WillDisplayProductCallback,\n  WillDisplayProductEvent,\n};\n"]}
+{"version":3,"sources":["index.tsx"],"names":["AppRegistry","registerComponent","CartContainer","FireworkSDK"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAMA;;AAOA;;AA6BA;;AAaA;;;;AAEAA,yBAAYC,iBAAZ,CAA8B,oBAA9B,EAAoD,MAAMC,sBAA1D;;eAEeC,oB","sourcesContent":["import { AppRegistry } from 'react-native';\n\nimport CartContainer from './components/CartContainer';\nimport type {\n  IVideoFeedProps,\n  VideoFeedMode,\n  VideoFeedSource,\n} from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport type ADConfig from './models/ADConfig';\nimport type AddToCartResult from './models/AddToCartResult';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  AddToCartEvent,\n  CustomCTAClickEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice } from './models/ProductUnit';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type {\n  VideoBadge,\n  VideoPlayerSize,\n} from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoPlayerCompleteAction,\n  VideoPlayerCTAStyle,\n  VideoPlayerStyle,\n} from './models/VideoPlayerConfiguration';\nimport type {\n  AddToCartCallback,\n  ClickCartIconCallback,\n  UpdateProductDetailsCallback,\n  WillDisplayProductCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nAppRegistry.registerComponent('FWShoppingCartPage', () => CartContainer);\n\nexport default FireworkSDK;\n\nexport {\n  ADConfig,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  FeedItemDetails,\n  FWError,\n  IVideoFeedProps,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoBadge,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTAStyle,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n  WillDisplayProductCallback,\n  WillDisplayProductEvent,\n};\n"]}

package/lib/commonjs/models/FWEvents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FWEvents.ts"],"names":["FWEventName"],"mappings":";;;;;;IAKYA,W;;;WAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,2BAAAA,W","sourcesContent":["import type VideoPlaybackDetails from './VideoPlaybackDetails';\nimport type FWError from './FWError';\nimport type VideoPlaybackEventName from './VideoPlaybackEventName';\nimport type FeedItemDetails from './FeedItemDetails';\n\nexport enum FWEventName {\n  SDKInit = 'fw:sdk-init',\n  CustomCTAClick = 'fw:custom-cta-click',\n  VideoPlayback = 'fw:video-playback',\n  VideoFeedClick = 'fw:video-feed-click',\n  AddToCart = 'fw:shopping:add-to-cart',\n  ClickCartIcon = 'fw:shopping:click-cart-icon',\n  UpdateProductDetails = 'fw:shopping:update-product-details',\n  WillDisplayProduct = 'fw:shopping:will-display-product',\n}\n\nexport interface SDKInitEvent {\n  /**\n   * If error equals undefined/null, it means the initialization is successful.\n   */\n  error?: FWError | null;\n}\n\nexport interface CustomCTAClickEvent {\n  /**\n   * Action URL that is associated with this CTA\n   */\n  url: string;\n}\n\nexport interface VideoPlaybackEvent {\n  eventName: VideoPlaybackEventName;\n  info: VideoPlaybackDetails;\n}\n\nexport interface VideoFeedClickEvent {\n  info: FeedItemDetails;\n}\n\nexport interface AddToCartEvent {\n  /**\n   * A unique identifier of the product.\n   */\n  productId: string;\n  /**\n   * A unique identifier of the product unit.\n   */\n  unitId: string;\n}\n\nexport interface UpdateProductDetailsEvent {\n  /**\n   * A unique identifier of the product.\n   */\n  productId: string;\n}\n\nexport interface WillDisplayProductEvent {\n  /**\n   * A unique identifier of the video.\n   */\n  videoId: string;\n}"]}
+{"version":3,"sources":["FWEvents.ts"],"names":["FWEventName"],"mappings":";;;;;;IAKYA,W;;;WAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,2BAAAA,W","sourcesContent":["import type VideoPlaybackDetails from './VideoPlaybackDetails';\nimport type FWError from './FWError';\nimport type VideoPlaybackEventName from './VideoPlaybackEventName';\nimport type FeedItemDetails from './FeedItemDetails';\n\nexport enum FWEventName {\n  SDKInit = 'fw:sdk-init',\n  CustomCTAClick = 'fw:custom-cta-click',\n  VideoPlayback = 'fw:video-playback',\n  VideoFeedClick = 'fw:video-feed-click',\n  AddToCart = 'fw:shopping:add-to-cart',\n  ClickCartIcon = 'fw:shopping:click-cart-icon',\n  UpdateProductDetails = 'fw:shopping:update-product-details',\n  WillDisplayProduct = 'fw:shopping:will-display-product',\n}\n\nexport interface SDKInitEvent {\n  /**\n   * If error equals undefined/null, it means the initialization is successful.\n   */\n  error?: FWError | null;\n}\n\nexport interface CustomCTAClickEvent {\n  /**\n   * Action URL that is associated with this CTA\n   */\n  url: string;\n}\n\nexport interface VideoPlaybackEvent {\n  eventName: VideoPlaybackEventName;\n  info: VideoPlaybackDetails;\n}\n\nexport interface VideoFeedClickEvent {\n  info: FeedItemDetails;\n}\n\nexport interface AddToCartEvent {\n  /**\n   * A unique identifier of the product.\n   */\n  productId: string;\n  /**\n   * A unique identifier of the product unit.\n   */\n  unitId: string;\n}\n\nexport interface UpdateProductDetailsEvent {\n  /**\n   * A unique identifier of the product.\n   */\n  productIds: string[];\n}\n\nexport interface WillDisplayProductEvent {\n  /**\n   * A unique identifier of the video.\n   */\n  videoId: string;\n}"]}

package/lib/commonjs/modules/ShoppingModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShoppingModule.ts"],"names":["ShoppingModule","NativeModules","Proxy","get","Error","LINKING_ERROR"],"mappings":";;;;;;;AAAA;;AAMA;;AAEA,MAAMA,cAAc,GAAGC,2BAAcD,cAAd,GACnBC,2BAAcD,cADK,GAEnB,IAAIE,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUC,6BAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;eAsBeL,c","sourcesContent":["import {\n  NativeModule,\n  NativeModules,\n} from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\n\nconst ShoppingModule = NativeModules.ShoppingModule\n  ? NativeModules.ShoppingModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IShoppingModule extends NativeModule {\n  init(): void;\n  updateVideoProduct(production: Product, callbackId: number | string): void;\n  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;\n  updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;\n  jumpToCartPage(callbackId: number | string): void;\n  exitCartPage(): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nexport default ShoppingModule as IShoppingModule;\n"]}
+{"version":3,"sources":["ShoppingModule.ts"],"names":["ShoppingModule","NativeModules","Proxy","get","Error","LINKING_ERROR"],"mappings":";;;;;;;AAAA;;AAMA;;AAEA,MAAMA,cAAc,GAAGC,2BAAcD,cAAd,GACnBC,2BAAcD,cADK,GAEnB,IAAIE,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUC,6BAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;eAsBeL,c","sourcesContent":["import {\n  NativeModule,\n  NativeModules,\n} from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\n\nconst ShoppingModule = NativeModules.ShoppingModule\n  ? NativeModules.ShoppingModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IShoppingModule extends NativeModule {\n  init(): void;\n  updateVideoProducts(products: Product[], callbackId: number | string): void;\n  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;\n  updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;\n  jumpToCartPage(callbackId: number | string): void;\n  exitCartPage(): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nexport default ShoppingModule as IShoppingModule;\n"]}

package/lib/module/VideoShopping.js

@@ -130,10 +130,11 @@ class VideoShopping {
     if (this.onUpdateProductDetails) {
       const callbackId = event.callbackId;
       delete event.callbackId;
-      const product = await this.onUpdateProductDetails(event);
+      const productList = await this.onUpdateProductDetails(event);
+      console.log('handleUpdateProductDetailsEvent productList', JSON.stringify(productList));
 
-      if (product) {
-        ShoppingModule.updateVideoProduct(product, callbackId);
+      if (productList) {
+        ShoppingModule.updateVideoProducts(productList, callbackId);
       }
     }
   }

package/lib/module/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["NativeEventEmitter","FWEventName","ShoppingModule","VideoShopping","cartIconVisible","_cartIconVisible","value","setCartIconVisible","getInstance","_instance","constructor","eventEmitter","addListener","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","exitCartPage","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","cartPage","currentCartPage","jumpToCartPage","onUpdateProductDetails","product","updateVideoProduct","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport {\n  AddToCartEvent,\n  FWEventName,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule from './modules/ShoppingModule';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  React.ReactNode | undefined | null\n>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product | undefined | null>;\n\nexport type WillDisplayProductCallback = (\n  event: WillDisplayProductEvent\n) => Promise<ProductInfoViewConfiguration | undefined | null>;\n\ntype CallbackInfo = { callbackId?: number | string };\n\n/**\n * Entry class of Video Shopping\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * This callback is triggered when the user clicks the \"Add to cart\" button.\n   *\n   * The host app can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   */\n  public onAddToCart?: AddToCartCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can return a React.Node to integrate custom cart page to shopping flow.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product object to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the product will be shown.\n   *\n   * The host app can return a ProductInfoViewConfiguration object to configure \"Add to cart\" button style and cart icon style.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\n\n  /**\n   * Defaults to true. You can hide the cart icon by setting this property to false. \n   */\n  public get cartIconVisible(): boolean {\n    return this._cartIconVisible;\n  }\n  public set cartIconVisible(value: boolean) {\n    this._cartIconVisible = value;\n    ShoppingModule.setCartIconVisible(value);\n  }\n\n  public currentCartPage?: React.ReactNode;\n\n  private eventEmitter: NativeEventEmitter;\n\n  public static getInstance() {\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter = new NativeEventEmitter(ShoppingModule);\n    this.eventEmitter.addListener(FWEventName.AddToCart, (event) => {\n      this.handleAddToCartEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      this.handleClickCartIconEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.WillDisplayProduct, (event) => {\n      this.handleWillDisplayProductEvent(event);\n    });\n  }\n\n  /**\n   * Exit Cart Page.\n   *\n   * The host app can call this method to exit their cart page.\n   */\n  public exitCartPage() {\n    ShoppingModule.exitCartPage();\n  }\n\n  /**\n   * \n   * @param {number} count The number of items in the host app cart\n   */\n  public setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleAddToCartEvent(event: AddToCartEvent & CallbackInfo) {\n    if (this.onAddToCart) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        ShoppingModule.updateAddToCartStatus(\n          result.res,\n          result.tips,\n          callbackId!,\n        );\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent(event: CallbackInfo) {\n    if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const cartPage = await this.onClickCartIcon();\n      this.currentCartPage = cartPage;\n\n      if (cartPage) {\n        ShoppingModule.jumpToCartPage(callbackId!);\n      }\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(\n    event: UpdateProductDetailsEvent & CallbackInfo\n  ) {\n    if (this.onUpdateProductDetails) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const product = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n      if (product) {\n        ShoppingModule.updateVideoProduct(product, callbackId!);\n      }\n    }\n  }\n\n  private async handleWillDisplayProductEvent(\n    event: WillDisplayProductEvent & CallbackInfo\n  ) {\n    if (this.onWillDisplayProduct) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        ShoppingModule.updateProductViewConfig(config, callbackId!);\n      }\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["NativeEventEmitter","FWEventName","ShoppingModule","VideoShopping","cartIconVisible","_cartIconVisible","value","setCartIconVisible","getInstance","_instance","constructor","eventEmitter","addListener","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","exitCartPage","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","cartPage","currentCartPage","jumpToCartPage","onUpdateProductDetails","productList","console","log","JSON","stringify","updateVideoProducts","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport {\n  AddToCartEvent,\n  FWEventName,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule from './modules/ShoppingModule';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  React.ReactNode | undefined | null\n>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product[] | undefined | null>;\n\nexport type WillDisplayProductCallback = (\n  event: WillDisplayProductEvent\n) => Promise<ProductInfoViewConfiguration | undefined | null>;\n\ntype CallbackInfo = { callbackId?: number | string };\n\n/**\n * Entry class of Video Shopping\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * This callback is triggered when the user clicks the \"Add to cart\" button.\n   *\n   * The host app can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   */\n  public onAddToCart?: AddToCartCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can return a React.Node to integrate custom cart page to shopping flow.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product object to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the product will be shown.\n   *\n   * The host app can return a ProductInfoViewConfiguration object to configure \"Add to cart\" button style and cart icon style.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\n\n  /**\n   * Defaults to true. You can hide the cart icon by setting this property to false. \n   */\n  public get cartIconVisible(): boolean {\n    return this._cartIconVisible;\n  }\n  public set cartIconVisible(value: boolean) {\n    this._cartIconVisible = value;\n    ShoppingModule.setCartIconVisible(value);\n  }\n\n  public currentCartPage?: React.ReactNode;\n\n  private eventEmitter: NativeEventEmitter;\n\n  public static getInstance() {\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter = new NativeEventEmitter(ShoppingModule);\n    this.eventEmitter.addListener(FWEventName.AddToCart, (event) => {\n      this.handleAddToCartEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      this.handleClickCartIconEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.WillDisplayProduct, (event) => {\n      this.handleWillDisplayProductEvent(event);\n    });\n  }\n\n  /**\n   * Exit Cart Page.\n   *\n   * The host app can call this method to exit their cart page.\n   */\n  public exitCartPage() {\n    ShoppingModule.exitCartPage();\n  }\n\n  /**\n   * \n   * @param {number} count The number of items in the host app cart\n   */\n  public setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleAddToCartEvent(event: AddToCartEvent & CallbackInfo) {\n    if (this.onAddToCart) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        ShoppingModule.updateAddToCartStatus(\n          result.res,\n          result.tips,\n          callbackId!,\n        );\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent(event: CallbackInfo) {\n    if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const cartPage = await this.onClickCartIcon();\n      this.currentCartPage = cartPage;\n\n      if (cartPage) {\n        ShoppingModule.jumpToCartPage(callbackId!);\n      }\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(\n    event: UpdateProductDetailsEvent & CallbackInfo\n  ) {\n    if (this.onUpdateProductDetails) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const productList = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n      console.log('handleUpdateProductDetailsEvent productList', JSON.stringify(productList));\n      if (productList) {\n        ShoppingModule.updateVideoProducts(productList, callbackId!);\n      }\n    }\n  }\n\n  private async handleWillDisplayProductEvent(\n    event: WillDisplayProductEvent & CallbackInfo\n  ) {\n    if (this.onWillDisplayProduct) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        ShoppingModule.updateProductViewConfig(config, callbackId!);\n      }\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}

package/lib/module/components/VideoFeed.js

@@ -43,12 +43,13 @@ export default class VideoFeed extends React.Component {
       source,
       channel = '',
       playlist = '',
+      playlistGroup = '',
       mode = 'row',
       videoFeedConfiguration
     } = this.props;
     const titleHidden = (_videoFeedConfigurati = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati2 = videoFeedConfiguration.title) === null || _videoFeedConfigurati2 === void 0 ? void 0 : _videoFeedConfigurati2.hidden) !== null && _videoFeedConfigurati !== void 0 ? _videoFeedConfigurati : false;
     const titlePosition = (_videoFeedConfigurati3 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.titlePosition) !== null && _videoFeedConfigurati3 !== void 0 ? _videoFeedConfigurati3 : 'nested';
-    const key = `source:${source}_channel:${channel}_playlist:${playlist}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;
+    const key = `source:${source}_channel:${channel}_playlist:${playlist}_playlistGroup:${playlistGroup}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;
     return /*#__PURE__*/React.createElement(FWVideoFeed, _extends({
       key: key
     }, this.props, {

package/lib/module/components/VideoFeed.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoFeed.tsx"],"names":["React","UIManager","findNodeHandle","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","nativeNodeHandle","nativeComponentRef","current","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","render","source","channel","playlist","mode","videoFeedConfiguration","titleHidden","title","hidden","titlePosition","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,cAApB,QAAgE,cAAhE;AAKA,OAAOC,WAAP,MAAwB,eAAxB;AA6CA,MAAMC,mBAAmB,GAAG,aAA5B;AAEA,eAAe,MAAMC,SAAN,SAAwBL,KAAK,CAACM,SAA9B,CAAyD;AAAA;AAAA;;AAAA,6DAKjDN,KAAK,CAACO,SAAN,EALiD;;AAAA,qCASrD,MAAM;AACrB,YAAMC,gBAAgB,GAAGN,cAAc,CAAC,KAAKO,kBAAL,CAAwBC,OAAzB,CAAvC;AAEAT,MAAAA,SAAS,CAACU,0BAAV,CACET,cAAc,CAACM,gBAAD,CADhB,EAEEP,SAAS,CAACW,oBAAV,CAA+BR,mBAA/B,EAAoDS,QAApD,CAA6DC,OAF/D,EAGE,EAHF;AAKD,KAjBqE;;AAAA,sDAoBpEC,KADiC,IAE9B;AACH,YAAM;AAAEC,QAAAA,IAAF;AAAQC,QAAAA;AAAR,UAAmBF,KAAK,CAACG,WAA/B;;AACA,UAAI,KAAKC,KAAL,CAAWC,uBAAf,EAAwC;AACtC,YAAIJ,IAAJ,EAAU;AACR,eAAKG,KAAL,CAAWC,uBAAX,CAAmC;AAAEJ,YAAAA,IAAF;AAAQC,YAAAA;AAAR,WAAnC;AACD,SAFD,MAEO;AACL,eAAKE,KAAL,CAAWC,uBAAX;AACD;AACF;AACF,KA9BqE;AAAA;;AAgCtEC,EAAAA,MAAM,GAAG;AAAA;;AACP,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,IAAI,GAAG,KAJH;AAKJC,MAAAA;AALI,QAMF,KAAKP,KANT;AAOA,UAAMQ,WAAW,4BAAGD,sBAAH,aAAGA,sBAAH,iDAAGA,sBAAsB,CAAEE,KAA3B,2DAAG,uBAA+BC,MAAlC,yEAA4C,KAA7D;AACA,UAAMC,aAAa,6BAAGJ,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEI,aAA3B,2EAA4C,QAA/D;AAEA,UAAMC,GAAG,GAAI,UAAST,MAAO,YAAWC,OAAQ,aAAYC,QAAS,SAAQC,IAAK,gBAAeE,WAAY,kBAAiBG,aAAc,EAA5I;AAEA,wBACE,oBAAC,WAAD;AACE,MAAA,GAAG,EAAEC;AADP,OAEM,KAAKZ,KAFX;AAGE,MAAA,GAAG,EAAE,KAAKV,kBAHZ;AAIE,MAAA,uBAAuB,EAAE,KAAKuB,wBAJhC;AAKE,MAAA,IAAI,EAAEP,IALR;AAME,MAAA,KAAK,EAAEQ,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKf,KAAL,CAAWgB,KAA7B,EAAoC;AAACC,QAAAA,MAAM,EAAE,CAAC;AAAV,OAApC;AANT,OADF;AAUD;;AAvDqE;;gBAAnD/B,S,kBACG;AACpBoB,EAAAA,IAAI,EAAE;AADc,C","sourcesContent":["import React from 'react';\nimport { UIManager, findNodeHandle, StyleProp, ViewStyle } from 'react-native';\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type FWError from '../models/FWError';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedSource = 'discover' | 'channel' | 'playlist';\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of three available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel name from which content should be displayed. Videos are ordered as a channel timeline. The prop is required when the source is set as channel or playlist.\n   */\n  channel?: string;\n  /**\n   * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of Video Feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of Video Player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * Video feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    const { name, reason } = event.nativeEvent;\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      mode = 'row',\n      videoFeedConfiguration,\n    } = this.props;\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n\n    const key = `source:${source}_channel:${channel}_playlist:${playlist}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n        style={Object.assign({}, this.props.style, {zIndex: -1})}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"sources":["VideoFeed.tsx"],"names":["React","UIManager","findNodeHandle","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","nativeNodeHandle","nativeComponentRef","current","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","render","source","channel","playlist","playlistGroup","mode","videoFeedConfiguration","titleHidden","title","hidden","titlePosition","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,cAApB,QAAgE,cAAhE;AAKA,OAAOC,WAAP,MAAwB,eAAxB;AAkDA,MAAMC,mBAAmB,GAAG,aAA5B;AAEA,eAAe,MAAMC,SAAN,SAAwBL,KAAK,CAACM,SAA9B,CAAyD;AAAA;AAAA;;AAAA,6DAKjDN,KAAK,CAACO,SAAN,EALiD;;AAAA,qCASrD,MAAM;AACrB,YAAMC,gBAAgB,GAAGN,cAAc,CAAC,KAAKO,kBAAL,CAAwBC,OAAzB,CAAvC;AAEAT,MAAAA,SAAS,CAACU,0BAAV,CACET,cAAc,CAACM,gBAAD,CADhB,EAEEP,SAAS,CAACW,oBAAV,CAA+BR,mBAA/B,EAAoDS,QAApD,CAA6DC,OAF/D,EAGE,EAHF;AAKD,KAjBqE;;AAAA,sDAoBpEC,KADiC,IAE9B;AACH,YAAM;AAAEC,QAAAA,IAAF;AAAQC,QAAAA;AAAR,UAAmBF,KAAK,CAACG,WAA/B;;AACA,UAAI,KAAKC,KAAL,CAAWC,uBAAf,EAAwC;AACtC,YAAIJ,IAAJ,EAAU;AACR,eAAKG,KAAL,CAAWC,uBAAX,CAAmC;AAAEJ,YAAAA,IAAF;AAAQC,YAAAA;AAAR,WAAnC;AACD,SAFD,MAEO;AACL,eAAKE,KAAL,CAAWC,uBAAX;AACD;AACF;AACF,KA9BqE;AAAA;;AAgCtEC,EAAAA,MAAM,GAAG;AAAA;;AACP,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,aAAa,GAAG,EAJZ;AAKJC,MAAAA,IAAI,GAAG,KALH;AAMJC,MAAAA;AANI,QAOF,KAAKR,KAPT;AAQA,UAAMS,WAAW,4BAAGD,sBAAH,aAAGA,sBAAH,iDAAGA,sBAAsB,CAAEE,KAA3B,2DAAG,uBAA+BC,MAAlC,yEAA4C,KAA7D;AACA,UAAMC,aAAa,6BAAGJ,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEI,aAA3B,2EAA4C,QAA/D;AAEA,UAAMC,GAAG,GAAI,UAASV,MAAO,YAAWC,OAAQ,aAAYC,QAAS,kBAAiBC,aAAc,SAAQC,IAAK,gBAAeE,WAAY,kBAAiBG,aAAc,EAA3K;AAEA,wBACE,oBAAC,WAAD;AACE,MAAA,GAAG,EAAEC;AADP,OAEM,KAAKb,KAFX;AAGE,MAAA,GAAG,EAAE,KAAKV,kBAHZ;AAIE,MAAA,uBAAuB,EAAE,KAAKwB,wBAJhC;AAKE,MAAA,IAAI,EAAEP,IALR;AAME,MAAA,KAAK,EAAEQ,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKhB,KAAL,CAAWiB,KAA7B,EAAoC;AAACC,QAAAA,MAAM,EAAE,CAAC;AAAV,OAApC;AANT,OADF;AAUD;;AAxDqE;;gBAAnDhC,S,kBACG;AACpBqB,EAAAA,IAAI,EAAE;AADc,C","sourcesContent":["import React from 'react';\nimport { UIManager, findNodeHandle, StyleProp, ViewStyle } from 'react-native';\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type FWError from '../models/FWError';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedSource = 'discover' | 'channel' | 'playlist' | 'playlistGroup';\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of three available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel name from which content should be displayed. Videos are ordered as a channel timeline. The prop is required when the source is set as channel or playlist.\n   */\n  channel?: string;\n  /**\n   * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n\n  /**\n   * PlaylistGroup Id for selected content. Required when the source is set as playlistGroup.\n   */\n  playlistGroup?: string;\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of Video Feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of Video Player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * Video feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    const { name, reason } = event.nativeEvent;\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      playlistGroup = '',\n      mode = 'row',\n      videoFeedConfiguration,\n    } = this.props;\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n\n    const key = `source:${source}_channel:${channel}_playlist:${playlist}_playlistGroup:${playlistGroup}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n        style={Object.assign({}, this.props.style, {zIndex: -1})}\n      />\n    );\n  }\n}\n"]}

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["AppRegistry","CartContainer","VideoFeed","FireworkSDK","VideoPlaybackEventName","VideoShopping","registerComponent"],"mappings":"AAAA,SAASA,WAAT,QAA4B,cAA5B;AAEA,OAAOC,aAAP,MAA0B,4BAA1B;AAMA,OAAOC,SAAP,MAAsB,wBAAtB;AAOA,OAAOC,WAAP,MAAwB,eAAxB;AA+BA,OAAOC,sBAAP,MAAmC,iCAAnC;AAaA,OAAOC,aAAP,MAA0B,iBAA1B;AAEAL,WAAW,CAACM,iBAAZ,CAA8B,oBAA9B,EAAoD,MAAML,aAA1D;AAEA,eAAeE,WAAf;AAEA,SAqBED,SArBF,EAgCEE,sBAhCF,EAsCEC,aAtCF","sourcesContent":["import { AppRegistry } from 'react-native';\n\nimport CartContainer from './components/CartContainer';\nimport type {\n  IVideoFeedProps,\n  VideoFeedMode,\n  VideoFeedSource,\n} from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport type ADConfig from './models/ADConfig';\nimport type AddToCartResult from './models/AddToCartResult';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  AddToCartEvent,\n  CustomCTAClickEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type {\n  AddToCartButtonConfiguration,\n} from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice } from './models/ProductUnit';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type {\n  VideoBadge,\n  VideoPlayerSize,\n} from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoPlayerCompleteAction,\n  VideoPlayerCTAStyle,\n  VideoPlayerStyle,\n} from './models/VideoPlayerConfiguration';\nimport type {\n  AddToCartCallback,\n  ClickCartIconCallback,\n  UpdateProductDetailsCallback,\n  WillDisplayProductCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nAppRegistry.registerComponent('FWShoppingCartPage', () => CartContainer);\n\nexport default FireworkSDK;\n\nexport {\n  ADConfig,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  FeedItemDetails,\n  FWError,\n  IVideoFeedProps,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoBadge,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTAStyle,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n  WillDisplayProductCallback,\n  WillDisplayProductEvent,\n};\n"]}
+{"version":3,"sources":["index.tsx"],"names":["AppRegistry","CartContainer","VideoFeed","FireworkSDK","VideoPlaybackEventName","VideoShopping","registerComponent"],"mappings":"AAAA,SAASA,WAAT,QAA4B,cAA5B;AAEA,OAAOC,aAAP,MAA0B,4BAA1B;AAMA,OAAOC,SAAP,MAAsB,wBAAtB;AAOA,OAAOC,WAAP,MAAwB,eAAxB;AA6BA,OAAOC,sBAAP,MAAmC,iCAAnC;AAaA,OAAOC,aAAP,MAA0B,iBAA1B;AAEAL,WAAW,CAACM,iBAAZ,CAA8B,oBAA9B,EAAoD,MAAML,aAA1D;AAEA,eAAeE,WAAf;AAEA,SAqBED,SArBF,EAgCEE,sBAhCF,EAsCEC,aAtCF","sourcesContent":["import { AppRegistry } from 'react-native';\n\nimport CartContainer from './components/CartContainer';\nimport type {\n  IVideoFeedProps,\n  VideoFeedMode,\n  VideoFeedSource,\n} from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport type ADConfig from './models/ADConfig';\nimport type AddToCartResult from './models/AddToCartResult';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  AddToCartEvent,\n  CustomCTAClickEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice } from './models/ProductUnit';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type {\n  VideoBadge,\n  VideoPlayerSize,\n} from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoPlayerCompleteAction,\n  VideoPlayerCTAStyle,\n  VideoPlayerStyle,\n} from './models/VideoPlayerConfiguration';\nimport type {\n  AddToCartCallback,\n  ClickCartIconCallback,\n  UpdateProductDetailsCallback,\n  WillDisplayProductCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nAppRegistry.registerComponent('FWShoppingCartPage', () => CartContainer);\n\nexport default FireworkSDK;\n\nexport {\n  ADConfig,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  FeedItemDetails,\n  FWError,\n  IVideoFeedProps,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoBadge,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTAStyle,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n  WillDisplayProductCallback,\n  WillDisplayProductEvent,\n};\n"]}

package/lib/module/models/FWEvents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FWEvents.ts"],"names":["FWEventName"],"mappings":"AAKA,WAAYA,WAAZ;;WAAYA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,KAAAA,W","sourcesContent":["import type VideoPlaybackDetails from './VideoPlaybackDetails';\nimport type FWError from './FWError';\nimport type VideoPlaybackEventName from './VideoPlaybackEventName';\nimport type FeedItemDetails from './FeedItemDetails';\n\nexport enum FWEventName {\n  SDKInit = 'fw:sdk-init',\n  CustomCTAClick = 'fw:custom-cta-click',\n  VideoPlayback = 'fw:video-playback',\n  VideoFeedClick = 'fw:video-feed-click',\n  AddToCart = 'fw:shopping:add-to-cart',\n  ClickCartIcon = 'fw:shopping:click-cart-icon',\n  UpdateProductDetails = 'fw:shopping:update-product-details',\n  WillDisplayProduct = 'fw:shopping:will-display-product',\n}\n\nexport interface SDKInitEvent {\n  /**\n   * If error equals undefined/null, it means the initialization is successful.\n   */\n  error?: FWError | null;\n}\n\nexport interface CustomCTAClickEvent {\n  /**\n   * Action URL that is associated with this CTA\n   */\n  url: string;\n}\n\nexport interface VideoPlaybackEvent {\n  eventName: VideoPlaybackEventName;\n  info: VideoPlaybackDetails;\n}\n\nexport interface VideoFeedClickEvent {\n  info: FeedItemDetails;\n}\n\nexport interface AddToCartEvent {\n  /**\n   * A unique identifier of the product.\n   */\n  productId: string;\n  /**\n   * A unique identifier of the product unit.\n   */\n  unitId: string;\n}\n\nexport interface UpdateProductDetailsEvent {\n  /**\n   * A unique identifier of the product.\n   */\n  productId: string;\n}\n\nexport interface WillDisplayProductEvent {\n  /**\n   * A unique identifier of the video.\n   */\n  videoId: string;\n}"]}
+{"version":3,"sources":["FWEvents.ts"],"names":["FWEventName"],"mappings":"AAKA,WAAYA,WAAZ;;WAAYA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,KAAAA,W","sourcesContent":["import type VideoPlaybackDetails from './VideoPlaybackDetails';\nimport type FWError from './FWError';\nimport type VideoPlaybackEventName from './VideoPlaybackEventName';\nimport type FeedItemDetails from './FeedItemDetails';\n\nexport enum FWEventName {\n  SDKInit = 'fw:sdk-init',\n  CustomCTAClick = 'fw:custom-cta-click',\n  VideoPlayback = 'fw:video-playback',\n  VideoFeedClick = 'fw:video-feed-click',\n  AddToCart = 'fw:shopping:add-to-cart',\n  ClickCartIcon = 'fw:shopping:click-cart-icon',\n  UpdateProductDetails = 'fw:shopping:update-product-details',\n  WillDisplayProduct = 'fw:shopping:will-display-product',\n}\n\nexport interface SDKInitEvent {\n  /**\n   * If error equals undefined/null, it means the initialization is successful.\n   */\n  error?: FWError | null;\n}\n\nexport interface CustomCTAClickEvent {\n  /**\n   * Action URL that is associated with this CTA\n   */\n  url: string;\n}\n\nexport interface VideoPlaybackEvent {\n  eventName: VideoPlaybackEventName;\n  info: VideoPlaybackDetails;\n}\n\nexport interface VideoFeedClickEvent {\n  info: FeedItemDetails;\n}\n\nexport interface AddToCartEvent {\n  /**\n   * A unique identifier of the product.\n   */\n  productId: string;\n  /**\n   * A unique identifier of the product unit.\n   */\n  unitId: string;\n}\n\nexport interface UpdateProductDetailsEvent {\n  /**\n   * A unique identifier of the product.\n   */\n  productIds: string[];\n}\n\nexport interface WillDisplayProductEvent {\n  /**\n   * A unique identifier of the video.\n   */\n  videoId: string;\n}"]}

package/lib/module/modules/ShoppingModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShoppingModule.ts"],"names":["NativeModules","LINKING_ERROR","ShoppingModule","Proxy","get","Error"],"mappings":"AAAA,SAEEA,aAFF,QAGO,cAHP;AAMA,SAASC,aAAT,QAA8B,6BAA9B;AAEA,MAAMC,cAAc,GAAGF,aAAa,CAACE,cAAd,GACnBF,aAAa,CAACE,cADK,GAEnB,IAAIC,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUJ,aAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAsBA,eAAeC,cAAf","sourcesContent":["import {\n  NativeModule,\n  NativeModules,\n} from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\n\nconst ShoppingModule = NativeModules.ShoppingModule\n  ? NativeModules.ShoppingModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IShoppingModule extends NativeModule {\n  init(): void;\n  updateVideoProduct(production: Product, callbackId: number | string): void;\n  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;\n  updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;\n  jumpToCartPage(callbackId: number | string): void;\n  exitCartPage(): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nexport default ShoppingModule as IShoppingModule;\n"]}
+{"version":3,"sources":["ShoppingModule.ts"],"names":["NativeModules","LINKING_ERROR","ShoppingModule","Proxy","get","Error"],"mappings":"AAAA,SAEEA,aAFF,QAGO,cAHP;AAMA,SAASC,aAAT,QAA8B,6BAA9B;AAEA,MAAMC,cAAc,GAAGF,aAAa,CAACE,cAAd,GACnBF,aAAa,CAACE,cADK,GAEnB,IAAIC,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUJ,aAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAsBA,eAAeC,cAAf","sourcesContent":["import {\n  NativeModule,\n  NativeModules,\n} from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\n\nconst ShoppingModule = NativeModules.ShoppingModule\n  ? NativeModules.ShoppingModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IShoppingModule extends NativeModule {\n  init(): void;\n  updateVideoProducts(products: Product[], callbackId: number | string): void;\n  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;\n  updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;\n  jumpToCartPage(callbackId: number | string): void;\n  exitCartPage(): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nexport default ShoppingModule as IShoppingModule;\n"]}

package/lib/typescript/VideoShopping.d.ts

@@ -5,7 +5,7 @@ import type Product from './models/Product';
 import type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';
 export declare type AddToCartCallback = (event: AddToCartEvent) => Promise<AddToCartResult | undefined | null>;
 export declare type ClickCartIconCallback = () => Promise<React.ReactNode | undefined | null>;
-export declare type UpdateProductDetailsCallback = (event: UpdateProductDetailsEvent) => Promise<Product | undefined | null>;
+export declare type UpdateProductDetailsCallback = (event: UpdateProductDetailsEvent) => Promise<Product[] | undefined | null>;
 export declare type WillDisplayProductCallback = (event: WillDisplayProductEvent) => Promise<ProductInfoViewConfiguration | undefined | null>;
 /**
  * Entry class of Video Shopping

package/lib/typescript/components/VideoFeed.d.ts

@@ -3,7 +3,7 @@ import { StyleProp, ViewStyle } from 'react-native';
 import type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';
 import type VideoFeedConfiguration from '../models/VideoFeedConfiguration';
 import type FWError from '../models/FWError';
-export declare type VideoFeedSource = 'discover' | 'channel' | 'playlist';
+export declare type VideoFeedSource = 'discover' | 'channel' | 'playlist' | 'playlistGroup';
 export declare type VideoFeedMode = 'row' | 'column' | 'grid';
 export interface IVideoFeedProps {
     /**
@@ -22,6 +22,10 @@ export interface IVideoFeedProps {
      * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.
      */
     playlist?: string;
+    /**
+     * PlaylistGroup Id for selected content. Required when the source is set as playlistGroup.
+     */
+    playlistGroup?: string;
     /**
      * One of three available display modes. Defaults to row.
      */

package/lib/typescript/models/FWEvents.d.ts

@@ -45,7 +45,7 @@ export interface UpdateProductDetailsEvent {
     /**
      * A unique identifier of the product.
      */
-    productId: string;
+    productIds: string[];
 }
 export interface WillDisplayProductEvent {
     /**

package/lib/typescript/models/VideoPlayerConfiguration.d.ts

@@ -22,4 +22,12 @@ export default interface VideoPlayerConfiguration {
      * The style of CTA button style. Only supported on iOS.
      */
     ctaButtonStyle?: VideoPlayerCTAStyle;
+    /**
+     * Indicates if the video player shows playback button.
+     */
+    showPlaybackButton?: boolean;
+    /**
+     * Indicates if the video player shows mute button.
+     */
+    showMuteButton?: boolean;
 }

package/lib/typescript/modules/ShoppingModule.d.ts

@@ -3,7 +3,7 @@ import type Product from '../models/Product';
 import type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';
 interface IShoppingModule extends NativeModule {
     init(): void;
-    updateVideoProduct(production: Product, callbackId: number | string): void;
+    updateVideoProducts(products: Product[], callbackId: number | string): void;
     updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;
     updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;
     jumpToCartPage(callbackId: number | string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "1.0.5",
+  "version": "1.0.6-beta.2",
   "description": "Firework React Native SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/VideoShopping.ts

@@ -21,7 +21,7 @@ export type ClickCartIconCallback = () => Promise<
 
 export type UpdateProductDetailsCallback = (
   event: UpdateProductDetailsEvent
-) => Promise<Product | undefined | null>;
+) => Promise<Product[] | undefined | null>;
 
 export type WillDisplayProductCallback = (
   event: WillDisplayProductEvent
@@ -157,11 +157,12 @@ class VideoShopping {
     if (this.onUpdateProductDetails) {
       const callbackId = event.callbackId;
       delete event.callbackId;
-      const product = await this.onUpdateProductDetails(
+      const productList = await this.onUpdateProductDetails(
         event as UpdateProductDetailsEvent
       );
-      if (product) {
-        ShoppingModule.updateVideoProduct(product, callbackId!);
+      console.log('handleUpdateProductDetailsEvent productList', JSON.stringify(productList));
+      if (productList) {
+        ShoppingModule.updateVideoProducts(productList, callbackId!);
       }
     }
   }

package/src/components/VideoFeed.tsx

@@ -6,7 +6,7 @@ import type VideoFeedConfiguration from '../models/VideoFeedConfiguration';
 import type FWError from '../models/FWError';
 import FWVideoFeed from './FWVideoFeed';
 
-export type VideoFeedSource = 'discover' | 'channel' | 'playlist';
+export type VideoFeedSource = 'discover' | 'channel' | 'playlist' | 'playlistGroup';
 export type VideoFeedMode = 'row' | 'column' | 'grid';
 
 export interface IVideoFeedProps {
@@ -26,6 +26,11 @@ export interface IVideoFeedProps {
    * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.
    */
   playlist?: string;
+
+  /**
+   * PlaylistGroup Id for selected content. Required when the source is set as playlistGroup.
+   */
+  playlistGroup?: string;
   /**
    * One of three available display modes. Defaults to row.
    */
@@ -88,13 +93,14 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
       source,
       channel = '',
       playlist = '',
+      playlistGroup = '',
       mode = 'row',
       videoFeedConfiguration,
     } = this.props;
     const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;
     const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';
 
-    const key = `source:${source}_channel:${channel}_playlist:${playlist}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;
+    const key = `source:${source}_channel:${channel}_playlist:${playlist}_playlistGroup:${playlistGroup}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;
 
     return (
       <FWVideoFeed

package/src/index.tsx

@@ -28,9 +28,7 @@ import type {
 } from './models/FWEvents';
 import type Product from './models/Product';
 import type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';
-import type {
-  AddToCartButtonConfiguration,
-} from './models/ProductInfoViewConfiguration';
+import type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';
 import type ProductUnit from './models/ProductUnit';
 import type { ProductPrice } from './models/ProductUnit';
 import type VideoFeedConfiguration from './models/VideoFeedConfiguration';

package/src/models/FWEvents.ts

@@ -52,7 +52,7 @@ export interface UpdateProductDetailsEvent {
   /**
    * A unique identifier of the product.
    */
-  productId: string;
+  productIds: string[];
 }
 
 export interface WillDisplayProductEvent {

package/src/models/VideoPlayerConfiguration.ts

@@ -23,4 +23,12 @@ export default interface VideoPlayerConfiguration {
    * The style of CTA button style. Only supported on iOS.
    */
   ctaButtonStyle?: VideoPlayerCTAStyle;
+  /**
+   * Indicates if the video player shows playback button. 
+   */
+  showPlaybackButton?: boolean;
+  /**
+   * Indicates if the video player shows mute button. 
+   */
+   showMuteButton?: boolean;
 }

package/src/modules/ShoppingModule.ts

@@ -19,7 +19,7 @@ const ShoppingModule = NativeModules.ShoppingModule
 
 interface IShoppingModule extends NativeModule {
   init(): void;
-  updateVideoProduct(production: Product, callbackId: number | string): void;
+  updateVideoProducts(products: Product[], callbackId: number | string): void;
   updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;
   updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;
   jumpToCartPage(callbackId: number | string): void;