react-native-firework-sdk 1.2.5 → 1.2.8

package/android/src/main/AndroidManifest.xml

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

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

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

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

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

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

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

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

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

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

@@ -5,11 +5,10 @@ import com.facebook.react.bridge.*
 import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.facebook.react.uimanager.events.RCTEventEmitter
 import com.fireworksdk.bridge.models.*
-import com.fireworksdk.bridge.reactnative.FWInitializationProvider
+import com.fireworksdk.bridge.FWInitializationProvider
 import com.fireworksdk.bridge.reactnative.module.FireworkSDKModule
 import com.fireworksdk.bridge.reactnative.pages.FWContainerActivity
 import com.fireworksdk.bridge.utils.FWDateUtils
-import com.fireworksdk.bridge.utils.FWJsonUtils
 import com.fireworksdk.bridge.utils.FWLogUtils
 import com.loopnow.fireworklibrary.data.Product
 import java.util.*
@@ -20,7 +19,7 @@ object FWEventUtils {
     FWLogUtils.d { "FWNavigatorModule pushNativeContainer: $props" }
     val activity = FWInitializationProvider.INSTANCE.resumedActivity
 
-    if (activity == null) {
+    if (activity == null ||  FireworkSDKModule.appComponentName.isNullOrBlank()) {
       promise?.resolve(false)
       return
     }

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

@@ -91,6 +91,7 @@ object FWVideoPlayerUtils {
   }
 
   fun setVideoPlayerConfig(config: FWVideoPlayerConfigModel?) {
+    VideoPlayerProperties.branding = config?.showBranding != false
     VideoPlayerProperties.share = config?.showShareButton != false
     VideoPlayerProperties.loop = config?.videoCompleteAction != FWVideoPlayerConstant.FW_VIDEO_COMPLETE_ACTION_ADVANCE_TO_NEXT
 //    VideoPlayerProperties.autoPlayOnComplete = config?.videoCompleteAction != FWVideoPlayerConstant.FW_VIDEO_COMPLETE_ACTION_LOOP

package/ios/Components/VideoFeed.swift

@@ -12,21 +12,6 @@ import FireworkVideo
 @objc
 public enum VideoFeedMode: Int {
     case row, colume, grid
-    
-    fileprivate var videoFeedLayout: VideoFeedLayout {
-        switch self {
-            case .row:
-                return VideoFeedHorizontalLayout()
-            case .colume:
-                let layout = VideoFeedGridLayout()
-                layout.numberOfColumns = 1
-                return layout
-            case .grid:
-                let layout = VideoFeedGridLayout()
-                layout.numberOfColumns = 2
-                return layout
-        }
-    }
 }
 
 @objc
@@ -56,6 +41,7 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
                 return
             }
             feedVC.viewConfiguration = convertToVideoFeedConentConfiguration()
+            feedVC.layout = videoFeedLayout
         }
     }
     @objc public var playerViewConfig: VideoPlayerConfiguration? {
@@ -87,6 +73,55 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
             return .dynamicContent(channelID: channel, parameters: parameters ?? [:])
         }
     }
+
+    private var videoFeedLayout: VideoFeedLayout {
+        var resultLayout: VideoFeedLayout?
+        switch mode {
+        case .row:
+            let layout = VideoFeedHorizontalLayout()
+            resultLayout = layout
+            break
+        case .colume:
+            let layout = VideoFeedGridLayout()
+            layout.numberOfColumns = 1
+            resultLayout = layout
+            break
+        case .grid:
+            let layout = VideoFeedGridLayout()
+            layout.numberOfColumns = 2
+            resultLayout = layout
+            break
+        }
+        if let config = feedViewConfig {
+            if let aspectRatio = config.aspectRatio {
+                if let horizontalLayout = resultLayout as? VideoFeedHorizontalLayout {
+                    horizontalLayout.itemWidthRatio = aspectRatio
+                } else if let gridLayout = resultLayout as? VideoFeedGridLayout {
+                    gridLayout.itemWidthRatio = aspectRatio
+                }
+            }
+            if let contentPadding = config.contentPadding {
+                if let top = contentPadding.top {
+                    resultLayout?.contentInsets.top = top
+                }
+                if let right = contentPadding.right {
+                    resultLayout?.contentInsets.right = right
+                }
+                if let bottom = contentPadding.bottom {
+                    resultLayout?.contentInsets.bottom = bottom
+                }
+                if let left = contentPadding.left {
+                    resultLayout?.contentInsets.left = left
+                }
+            }
+
+            if let itemSpacing = config.itemSpacing {
+                resultLayout?.itemSpacing = itemSpacing
+            }
+        }
+
+        return resultLayout ?? VideoFeedHorizontalLayout()
+    }
     
     public override func layoutSubviews() {
         super.layoutSubviews()
@@ -103,7 +138,7 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
         }
         
         let feedVC = VideoFeedViewController(
-            layout: mode.videoFeedLayout,
+            layout: videoFeedLayout,
             source: source
         )
         
@@ -265,13 +300,13 @@ extension VideoFeed {
         }
         if let ctaButtonStyle = config.ctaButtonStyle {
             if let backgroundColor = ctaButtonStyle.backgroundColor {
-                vpcConfig.ctaButton.backgroundColor = backgroundColor.uicolor()
+                vpcConfig.ctaButton.contentConfiguration.backgroundColor = backgroundColor.uicolor()
             }
             if let textcolor = ctaButtonStyle.textColor {
-                vpcConfig.ctaButton.textColor = textcolor.uicolor()
+                vpcConfig.ctaButton.contentConfiguration.textColor = textcolor.uicolor()
             }
             if let fontSize = ctaButtonStyle.fontSize {
-                vpcConfig.ctaButton.font = UIFont.systemFont(ofSize: CGFloat(fontSize))
+                vpcConfig.ctaButton.contentConfiguration.font = UIFont.systemFont(ofSize: CGFloat(fontSize))
             }
         }
         if let showPlaybackButton = config.showPlaybackButton {
@@ -279,9 +314,13 @@ extension VideoFeed {
         }
         if let showMuteButton = config.showMuteButton {
             vpcConfig.muteButton.isHidden = !showMuteButton
-            if let launchBehavior = config.launchBehavior {
-                vpcConfig.onFirstLaunch = launchBehavior.behavior()
-            }
+        }
+        if let launchBehavior = config.launchBehavior {
+            vpcConfig.onFirstLaunch = launchBehavior.behavior()
+        }
+
+        if let showBranding = config.showBranding {
+            vpcConfig.videoDetail.fireworkAttribution.isHidden = !showBranding
         }
         
         return vpcConfig

package/ios/Components/VideoFeedConfiguration.swift

@@ -16,6 +16,9 @@ public class VideoFeedConfiguration: NSObject, Codable {
     var playIcon: VideoFeedPlayIconConfiguration?
     var showSponsored: Bool?
     var showAdBadge: Bool?
+    var aspectRatio: Double?
+    var contentPadding: VideoFeedContentPadding?;
+    var itemSpacing: Double?
     
     class VideoFeedTitleConfiguration: NSObject, Codable {
         public var hidden: Bool?
@@ -27,6 +30,13 @@ public class VideoFeedConfiguration: NSObject, Codable {
         public var hidden: Bool?
         public var iconWidth: Int?
     }
+
+    class VideoFeedContentPadding: NSObject, Codable {
+        public var top: Double?
+        public var right: Double?
+        public var bottom: Double?
+        public var left: Double?
+    }
     
     enum VideoFeedTitlePosition: String, Codable {
         case stacked, nested

package/ios/Components/VideoPlayerConfiguration.swift

@@ -16,7 +16,8 @@ public class VideoPlayerConfiguration: NSObject, Codable {
     var showPlaybackButton: Bool?
     var showMuteButton: Bool?
     var launchBehavior: VideoLaunchBehavior?
-    
+    var showBranding: Bool?
+
     public enum VideoPlayerStyle: String, Codable {
         case full, fit
     }

package/ios/Models/RNToNative/RCTConvert+FireworkSDKModule.swift

@@ -16,14 +16,34 @@ extension RCTConvert {
         if let style = videoPlayerStyle(config["playerStyle"] as? String) {
             finalConfig.playerStyle = style
         }
+        
         if let action = videoCompleteAction(config["videoCompleteAction"] as? String) {
             finalConfig.videoCompleteAction = action
         }
+
         if let showShareButton = config["showShareButton"] as? Bool {
-            finalConfig.shareButton.isHidden = showShareButton
+            finalConfig.shareButton.isHidden = !showShareButton
         }
+
         if let ctaStyle = ctaButtonStyle(config["ctaButtonStyle"] as? Dictionary) {
-            finalConfig.ctaButton = ctaStyle
+            finalConfig.ctaButton.contentConfiguration = ctaStyle
+        }
+
+        if let showPlaybackButton = config["showPlaybackButton"] as? Bool {
+            finalConfig.playbackButton.isHidden = !showPlaybackButton
+        }
+
+        if let showMuteButton = config["showMuteButton"] as? Bool {
+            finalConfig.muteButton.isHidden = !showMuteButton
+        }
+
+        if let launchBehaviorString = config["launchBehavior"] as? String,
+           let launchBehavior = VideoPlayerConfiguration.VideoLaunchBehavior(rawValue: launchBehaviorString) {
+            finalConfig.onFirstLaunch = launchBehavior.behavior()
+        }
+
+        if let showBranding = config["showBranding"] as? Bool {
+            finalConfig.videoDetail.fireworkAttribution.isHidden = !showBranding
         }
         
         return finalConfig

package/ios/Modules/Shopping/CartViewController.swift

@@ -81,15 +81,20 @@ class CartViewController: UIViewController, CartViewRepresentable {
             indicator.centerYAnchor.constraint(equalTo: view.centerYAnchor)
         ])
         
-        indicator.startAnimating()
+//        indicator.startAnimating()
         
         self.indicator = indicator
     }
     
     private func directShowCustomCartView() {
         indicator?.stopAnimating()
-        
-        let rctRootView = RCTRootView.init(bridge: RCTBridge.current(), moduleName: gAppComponentName ?? "", initialProperties: properties)
+        guard let appComponentName = gAppComponentName else {
+            return
+        }
+        let rctRootView = RCTRootView.init(
+            bridge: RCTBridge.current(),
+            moduleName: appComponentName,
+            initialProperties: properties)
         view.addSubview(rctRootView)
         rctRootView.translatesAutoresizingMaskIntoConstraints = false
         

package/ios/Modules/Shopping/ShoppingModule.m

@@ -16,5 +16,5 @@ RCT_EXTERN_METHOD(updateVideoProducts:(NSArray *)products cbId:(nonnull NSNumber
 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 props:(NSDictionary *)props)
-
+RCT_EXTERN_METHOD(setCustomClickCartIconEnabled:(BOOL)enabled resolver: (RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 @end

package/ios/Modules/Shopping/ShoppingModule.swift

@@ -19,6 +19,7 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
     private var cartViewController: CartViewController?
     private var cartIconVisible = true
     private var itemCounts = 0
+    private var customClickCartIconEnabled = false
 
     override func supportedEvents() -> [String]! {
         ShoppingEventName.allCases.map { $0.rawValue }
@@ -124,6 +125,12 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
             NotificationCenter.default.post(noti)
         }
     }
+
+    @objc
+    func setCustomClickCartIconEnabled(_ enabled: Bool, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
+        customClickCartIconEnabled = enabled
+        resolver([:])
+    }
     
     // MARK: - FireworkVideoShoppingDelegate
     func fireworkShopping(_ fireworkShopping: FireworkVideoShopping, willDisplayProductInfo productInfoViewConfigurator: ProductInfoViewConfigurable, forVideo video: VideoDetails) {
@@ -152,8 +159,11 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
         let callbackId = ShoppingModule.generateCallbackId()
         sendEvent(withName: ShoppingEventName.ClickCartIcon.rawValue, body: ["callbackId": callbackId])
         
-        gCartViewController = CartViewController(callbackId: callbackId)
-        return gCartViewController!
+        let cartVC = CartViewController(callbackId: callbackId)
+        if !customClickCartIconEnabled {
+            gCartViewController = cartVC
+        }
+        return cartVC
     }
 }
 

package/lib/commonjs/VideoShopping.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _reactNative = require("react-native");
+
 var _FWEventName = require("./models/FWEventName");
 
 var _ShoppingModule = _interopRequireWildcard(require("./modules/ShoppingModule"));
@@ -28,20 +30,25 @@ class VideoShopping {
   /**
    * This callback is triggered when the user clicks the shopping cart icon.
    *
-   * The host app can return a React.Node to integrate custom cart page to shopping flow.
+   * The host app can return NewNativeContainerProps object and we will push a new native container with the props.
    */
 
   /**
-   * This callback is triggered when the video will be shown.
+   * This callback is triggered when the user clicks the shopping cart icon.
    *
-   * The host app can return a Product list to update the latest product information.
+   * The host app can customize the processing logic of clicking the shopping cart icon by setting the callback.
    */
+  get onCustomClickCartIcon() {
+    return this._onCustomClickCartIcon;
+  }
 
-  /**
-   * This callback is triggered when the product will be shown.
-   *
-   * The host app can return a ProductInfoViewConfiguration object to configure "Add to cart" button style and cart icon style.
-   */
+  set onCustomClickCartIcon(value) {
+    this._onCustomClickCartIcon = value;
+
+    if (_reactNative.Platform.OS === 'ios') {
+      _ShoppingModule.default.setCustomClickCartIconEnabled(!!value);
+    }
+  }
 
   /**
    * Defaults to true. You can hide the cart icon by setting this property to false.
@@ -73,6 +80,8 @@ class VideoShopping {
 
     _defineProperty(this, "onClickCartIcon", void 0);
 
+    _defineProperty(this, "_onCustomClickCartIcon", void 0);
+
     _defineProperty(this, "onUpdateProductDetails", void 0);
 
     _defineProperty(this, "onWillDisplayProduct", void 0);
@@ -115,7 +124,9 @@ class VideoShopping {
   }
 
   async handleClickCartIconEvent(event) {
-    if (this.onClickCartIcon) {
+    if (this.onCustomClickCartIcon) {
+      this.onCustomClickCartIcon();
+    } else if (this.onClickCartIcon) {
       const callbackId = event.callbackId;
       delete event.callbackId;
       const props = await this.onClickCartIcon();

package/lib/commonjs/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","cartIconVisible","_cartIconVisible","value","ShoppingModule","setCartIconVisible","eventEmitter","ShoppingModuleEventEmitter","getInstance","_instance","constructor","addListener","FWEventName","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","props","jumpToCartPage","onUpdateProductDetails","productList","updateVideoProducts","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import type { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport type {\n  AddToCartEvent,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport { FWEventName } from './models/FWEventName';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  NewNativeContainerProps | 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 * The entry class of video shopping.\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\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 list 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  private _cartIconVisible: boolean = true;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return ShoppingModuleEventEmitter;\n  }\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.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   *\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 props = await this.onClickCartIcon();\n      if (callbackId) {\n        ShoppingModule.jumpToCartPage(callbackId, props ?? {});\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      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"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","onCustomClickCartIcon","_onCustomClickCartIcon","value","Platform","OS","ShoppingModule","setCustomClickCartIconEnabled","cartIconVisible","_cartIconVisible","setCartIconVisible","eventEmitter","ShoppingModuleEventEmitter","getInstance","_instance","constructor","addListener","FWEventName","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","props","jumpToCartPage","onUpdateProductDetails","productList","updateVideoProducts","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport type {\n  AddToCartEvent,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport { FWEventName } from './models/FWEventName';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  NewNativeContainerProps | undefined | null\n>;\n\nexport type CustomClickCartIconCallback = () => Promise<void>;\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 * The entry class of video shopping.\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\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 NewNativeContainerProps object and we will push a new native container with the props.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can customize the processing logic of clicking the shopping cart icon by setting the callback.\n   */\n  public get onCustomClickCartIcon(): CustomClickCartIconCallback | undefined {\n    return this._onCustomClickCartIcon;\n  }\n  public set onCustomClickCartIcon(\n    value: CustomClickCartIconCallback | undefined\n  ) {\n    this._onCustomClickCartIcon = value;\n    if (Platform.OS === 'ios') {\n      ShoppingModule.setCustomClickCartIconEnabled(!!value);\n    }\n  }\n  private _onCustomClickCartIcon?: CustomClickCartIconCallback | undefined;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product list 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  private _cartIconVisible: boolean = true;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return ShoppingModuleEventEmitter;\n  }\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.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   *\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.onCustomClickCartIcon) {\n      this.onCustomClickCartIcon();\n    } else if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const props = await this.onClickCartIcon();\n      if (callbackId) {\n        ShoppingModule.jumpToCartPage(callbackId, props ?? {});\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      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/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["FireworkSDK"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AAKA;;AAgBA;;AAEA;;AAiBA;;AAcA;;;;eAEeA,oB","sourcesContent":["import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  CustomCTALinkContentRender,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\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  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\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 { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoLaunchBehavior,\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\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  CustomCTALinkContentRender,\n  FeedItemDetails,\n  FWError,\n  FWNavigator,\n  IVideoFeedProps,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  NewNativeContainerProps,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\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":["FireworkSDK"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AAKA;;AAgBA;;AAEA;;AAkBA;;AAcA;;;;eAEeA,oB","sourcesContent":["import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  CustomCTALinkContentRender,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\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  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\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  VideoFeedContentPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoLaunchBehavior,\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\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  CustomCTALinkContentRender,\n  FeedItemDetails,\n  FWError,\n  FWNavigator,\n  IVideoFeedProps,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  NewNativeContainerProps,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedContentPadding,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\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/modules/ShoppingModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShoppingModule.ts"],"names":["ShoppingModule","NativeModules","Proxy","get","Error","LINKING_ERROR","ShoppingModuleEventEmitter","NativeEventEmitter"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA,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;AA+BA,MAAMC,0BAA0B,GAAG,IAAIC,+BAAJ,CAAuBP,cAAvB,CAAnC;;eAGeA,c","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type { NewNativeContainerProps } from 'src/models/NewNativeContainerProps';\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(\n    config: ProductInfoViewConfiguration,\n    callbackId: number | string\n  ): void;\n  updateAddToCartStatus(\n    res: string,\n    tips: string,\n    callbackId: number | string\n  ): void;\n  jumpToCartPage(\n    callbackId: number | string,\n    props: NewNativeContainerProps\n  ): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nconst ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);\nexport { ShoppingModuleEventEmitter };\n\nexport default ShoppingModule as IShoppingModule;\n"]}
+{"version":3,"sources":["ShoppingModule.ts"],"names":["ShoppingModule","NativeModules","Proxy","get","Error","LINKING_ERROR","ShoppingModuleEventEmitter","NativeEventEmitter"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA,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;AAgCA,MAAMC,0BAA0B,GAAG,IAAIC,+BAAJ,CAAuBP,cAAvB,CAAnC;;eAGeA,c","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type { NewNativeContainerProps } from 'src/models/NewNativeContainerProps';\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(\n    config: ProductInfoViewConfiguration,\n    callbackId: number | string\n  ): void;\n  updateAddToCartStatus(\n    res: string,\n    tips: string,\n    callbackId: number | string\n  ): void;\n  jumpToCartPage(\n    callbackId: number | string,\n    props: NewNativeContainerProps\n  ): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n  setCustomClickCartIconEnabled(enabled: boolean): Promise<void>; // Only supported on iOS\n}\n\nconst ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);\nexport { ShoppingModuleEventEmitter };\n\nexport default ShoppingModule as IShoppingModule;\n"]}

package/lib/module/VideoShopping.js

@@ -1,5 +1,6 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+import { Platform } from 'react-native';
 import { FWEventName } from './models/FWEventName';
 import ShoppingModule, { ShoppingModuleEventEmitter } from './modules/ShoppingModule';
 
@@ -16,20 +17,25 @@ class VideoShopping {
   /**
    * This callback is triggered when the user clicks the shopping cart icon.
    *
-   * The host app can return a React.Node to integrate custom cart page to shopping flow.
+   * The host app can return NewNativeContainerProps object and we will push a new native container with the props.
    */
 
   /**
-   * This callback is triggered when the video will be shown.
+   * This callback is triggered when the user clicks the shopping cart icon.
    *
-   * The host app can return a Product list to update the latest product information.
+   * The host app can customize the processing logic of clicking the shopping cart icon by setting the callback.
    */
+  get onCustomClickCartIcon() {
+    return this._onCustomClickCartIcon;
+  }
 
-  /**
-   * This callback is triggered when the product will be shown.
-   *
-   * The host app can return a ProductInfoViewConfiguration object to configure "Add to cart" button style and cart icon style.
-   */
+  set onCustomClickCartIcon(value) {
+    this._onCustomClickCartIcon = value;
+
+    if (Platform.OS === 'ios') {
+      ShoppingModule.setCustomClickCartIconEnabled(!!value);
+    }
+  }
 
   /**
    * Defaults to true. You can hide the cart icon by setting this property to false.
@@ -60,6 +66,8 @@ class VideoShopping {
 
     _defineProperty(this, "onClickCartIcon", void 0);
 
+    _defineProperty(this, "_onCustomClickCartIcon", void 0);
+
     _defineProperty(this, "onUpdateProductDetails", void 0);
 
     _defineProperty(this, "onWillDisplayProduct", void 0);
@@ -102,7 +110,9 @@ class VideoShopping {
   }
 
   async handleClickCartIconEvent(event) {
-    if (this.onClickCartIcon) {
+    if (this.onCustomClickCartIcon) {
+      this.onCustomClickCartIcon();
+    } else if (this.onClickCartIcon) {
       const callbackId = event.callbackId;
       delete event.callbackId;
       const props = await this.onClickCartIcon();

package/lib/module/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["FWEventName","ShoppingModule","ShoppingModuleEventEmitter","VideoShopping","cartIconVisible","_cartIconVisible","value","setCartIconVisible","eventEmitter","getInstance","_instance","constructor","addListener","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","props","jumpToCartPage","onUpdateProductDetails","productList","updateVideoProducts","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import type { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport type {\n  AddToCartEvent,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport { FWEventName } from './models/FWEventName';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  NewNativeContainerProps | 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 * The entry class of video shopping.\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\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 list 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  private _cartIconVisible: boolean = true;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return ShoppingModuleEventEmitter;\n  }\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.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   *\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 props = await this.onClickCartIcon();\n      if (callbackId) {\n        ShoppingModule.jumpToCartPage(callbackId, props ?? {});\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      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"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["Platform","FWEventName","ShoppingModule","ShoppingModuleEventEmitter","VideoShopping","onCustomClickCartIcon","_onCustomClickCartIcon","value","OS","setCustomClickCartIconEnabled","cartIconVisible","_cartIconVisible","setCartIconVisible","eventEmitter","getInstance","_instance","constructor","addListener","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","props","jumpToCartPage","onUpdateProductDetails","productList","updateVideoProducts","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport type {\n  AddToCartEvent,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport { FWEventName } from './models/FWEventName';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  NewNativeContainerProps | undefined | null\n>;\n\nexport type CustomClickCartIconCallback = () => Promise<void>;\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 * The entry class of video shopping.\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\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 NewNativeContainerProps object and we will push a new native container with the props.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can customize the processing logic of clicking the shopping cart icon by setting the callback.\n   */\n  public get onCustomClickCartIcon(): CustomClickCartIconCallback | undefined {\n    return this._onCustomClickCartIcon;\n  }\n  public set onCustomClickCartIcon(\n    value: CustomClickCartIconCallback | undefined\n  ) {\n    this._onCustomClickCartIcon = value;\n    if (Platform.OS === 'ios') {\n      ShoppingModule.setCustomClickCartIconEnabled(!!value);\n    }\n  }\n  private _onCustomClickCartIcon?: CustomClickCartIconCallback | undefined;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product list 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  private _cartIconVisible: boolean = true;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return ShoppingModuleEventEmitter;\n  }\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.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   *\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.onCustomClickCartIcon) {\n      this.onCustomClickCartIcon();\n    } else if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const props = await this.onClickCartIcon();\n      if (callbackId) {\n        ShoppingModule.jumpToCartPage(callbackId, props ?? {});\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      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/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["VideoFeed","FireworkSDK","FWNavigator","LiveStream","LiveStreamChatEventName","LiveStreamEventName","VideoPlaybackEventName","VideoShopping"],"mappings":"AACA,OAAOA,SAAP,MAAsB,wBAAtB;AAQA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAKA,OAAOC,UAAP,MAAuB,cAAvB;AAgBA,OAAOC,uBAAP,MAAoC,kCAApC;AAEA,OAAOC,mBAAP,MAAgC,8BAAhC;AAiBA,OAAOC,sBAAP,MAAmC,iCAAnC;AAcA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,eAAeN,WAAf;AAEA,SAaEC,WAbF,EAeEC,UAfF,EAiBEC,uBAjBF,EAoBEC,mBApBF,EAiCEL,SAjCF,EA6CEM,sBA7CF,EAmDEC,aAnDF","sourcesContent":["import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  CustomCTALinkContentRender,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\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  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\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 { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoLaunchBehavior,\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\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  CustomCTALinkContentRender,\n  FeedItemDetails,\n  FWError,\n  FWNavigator,\n  IVideoFeedProps,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  NewNativeContainerProps,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\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":["VideoFeed","FireworkSDK","FWNavigator","LiveStream","LiveStreamChatEventName","LiveStreamEventName","VideoPlaybackEventName","VideoShopping"],"mappings":"AACA,OAAOA,SAAP,MAAsB,wBAAtB;AAQA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAKA,OAAOC,UAAP,MAAuB,cAAvB;AAgBA,OAAOC,uBAAP,MAAoC,kCAApC;AAEA,OAAOC,mBAAP,MAAgC,8BAAhC;AAkBA,OAAOC,sBAAP,MAAmC,iCAAnC;AAcA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,eAAeN,WAAf;AAEA,SAaEC,WAbF,EAeEC,UAfF,EAiBEC,uBAjBF,EAoBEC,mBApBF,EAiCEL,SAjCF,EA8CEM,sBA9CF,EAoDEC,aApDF","sourcesContent":["import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  CustomCTALinkContentRender,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\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  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\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  VideoFeedContentPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoLaunchBehavior,\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\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  CustomCTALinkContentRender,\n  FeedItemDetails,\n  FWError,\n  FWNavigator,\n  IVideoFeedProps,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  NewNativeContainerProps,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedContentPadding,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\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/modules/ShoppingModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShoppingModule.ts"],"names":["NativeEventEmitter","NativeModules","LINKING_ERROR","ShoppingModule","Proxy","get","Error","ShoppingModuleEventEmitter"],"mappings":"AAAA,SAASA,kBAAT,EAA2CC,aAA3C,QAAgE,cAAhE;AAGA,SAASC,aAAT,QAA8B,6BAA9B;AAGA,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;AA+BA,MAAMK,0BAA0B,GAAG,IAAIP,kBAAJ,CAAuBG,cAAvB,CAAnC;AACA,SAASI,0BAAT;AAEA,eAAeJ,cAAf","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type { NewNativeContainerProps } from 'src/models/NewNativeContainerProps';\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(\n    config: ProductInfoViewConfiguration,\n    callbackId: number | string\n  ): void;\n  updateAddToCartStatus(\n    res: string,\n    tips: string,\n    callbackId: number | string\n  ): void;\n  jumpToCartPage(\n    callbackId: number | string,\n    props: NewNativeContainerProps\n  ): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nconst ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);\nexport { ShoppingModuleEventEmitter };\n\nexport default ShoppingModule as IShoppingModule;\n"]}
+{"version":3,"sources":["ShoppingModule.ts"],"names":["NativeEventEmitter","NativeModules","LINKING_ERROR","ShoppingModule","Proxy","get","Error","ShoppingModuleEventEmitter"],"mappings":"AAAA,SAASA,kBAAT,EAA2CC,aAA3C,QAAgE,cAAhE;AAGA,SAASC,aAAT,QAA8B,6BAA9B;AAGA,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;AAgCA,MAAMK,0BAA0B,GAAG,IAAIP,kBAAJ,CAAuBG,cAAvB,CAAnC;AACA,SAASI,0BAAT;AAEA,eAAeJ,cAAf","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type { NewNativeContainerProps } from 'src/models/NewNativeContainerProps';\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(\n    config: ProductInfoViewConfiguration,\n    callbackId: number | string\n  ): void;\n  updateAddToCartStatus(\n    res: string,\n    tips: string,\n    callbackId: number | string\n  ): void;\n  jumpToCartPage(\n    callbackId: number | string,\n    props: NewNativeContainerProps\n  ): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n  setCustomClickCartIconEnabled(enabled: boolean): Promise<void>; // Only supported on iOS\n}\n\nconst ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);\nexport { ShoppingModuleEventEmitter };\n\nexport default ShoppingModule as IShoppingModule;\n"]}

package/lib/typescript/VideoShopping.d.ts

@@ -5,6 +5,7 @@ import type ProductInfoViewConfiguration from './models/ProductInfoViewConfigura
 import type { NewNativeContainerProps } from './models/NewNativeContainerProps';
 export declare type AddToCartCallback = (event: AddToCartEvent) => Promise<AddToCartResult | undefined | null>;
 export declare type ClickCartIconCallback = () => Promise<NewNativeContainerProps | undefined | null>;
+export declare type CustomClickCartIconCallback = () => Promise<void>;
 export declare type UpdateProductDetailsCallback = (event: UpdateProductDetailsEvent) => Promise<Product[] | undefined | null>;
 export declare type WillDisplayProductCallback = (event: WillDisplayProductEvent) => Promise<ProductInfoViewConfiguration | undefined | null>;
 /**
@@ -21,9 +22,17 @@ declare class VideoShopping {
     /**
      * This callback is triggered when the user clicks the shopping cart icon.
      *
-     * The host app can return a React.Node to integrate custom cart page to shopping flow.
+     * The host app can return NewNativeContainerProps object and we will push a new native container with the props.
      */
     onClickCartIcon?: ClickCartIconCallback;
+    /**
+     * This callback is triggered when the user clicks the shopping cart icon.
+     *
+     * The host app can customize the processing logic of clicking the shopping cart icon by setting the callback.
+     */
+    get onCustomClickCartIcon(): CustomClickCartIconCallback | undefined;
+    set onCustomClickCartIcon(value: CustomClickCartIconCallback | undefined);
+    private _onCustomClickCartIcon?;
     /**
      * This callback is triggered when the video will be shown.
      *

package/lib/typescript/index.d.ts

@@ -22,7 +22,7 @@ import type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfi
 import type ProductUnit from './models/ProductUnit';
 import type { ProductPrice } from './models/ProductUnit';
 import type VideoFeedConfiguration from './models/VideoFeedConfiguration';
-import type { VideoFeedPlayIconConfiguration, VideoFeedTitleConfiguration, VideoFeedTitlePosition } from './models/VideoFeedConfiguration';
+import type { VideoFeedContentPadding, VideoFeedPlayIconConfiguration, VideoFeedTitleConfiguration, VideoFeedTitlePosition } from './models/VideoFeedConfiguration';
 import type { VideoFeedSource } from './models/VideoFeedSource';
 import type VideoPlaybackDetails from './models/VideoPlaybackDetails';
 import type { VideoPlayerSize } from './models/VideoPlaybackDetails';
@@ -32,4 +32,4 @@ import type { VideoLaunchBehavior, VideoPlayerCompleteAction, VideoPlayerCTAStyl
 import type { AddToCartCallback, ClickCartIconCallback, UpdateProductDetailsCallback, WillDisplayProductCallback } from './VideoShopping';
 import VideoShopping from './VideoShopping';
 export default FireworkSDK;
-export { AdBadgeConfiguration, AdBadgeTextType, AddToCartButtonConfiguration, AddToCartCallback, AddToCartEvent, AddToCartResult, ClickCartIconCallback, CustomCTAClickCallback, CustomCTAClickEvent, CustomCTALinkContentRender, FeedItemDetails, FWError, FWNavigator, IVideoFeedProps, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, NewNativeContainerProps, onLiveStreamChatEventCallback, onLiveStreamEventCallback, Product, ProductInfoViewConfiguration, ProductPrice, ProductUnit, SDKInitCallback, SDKInitEvent, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VideoFeed, VideoFeedClickCallback, VideoFeedConfiguration, VideoFeedMode, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTAStyle, VideoPlayerSize, VideoPlayerStyle, VideoShopping, WillDisplayProductCallback, WillDisplayProductEvent, };
+export { AdBadgeConfiguration, AdBadgeTextType, AddToCartButtonConfiguration, AddToCartCallback, AddToCartEvent, AddToCartResult, ClickCartIconCallback, CustomCTAClickCallback, CustomCTAClickEvent, CustomCTALinkContentRender, FeedItemDetails, FWError, FWNavigator, IVideoFeedProps, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, NewNativeContainerProps, onLiveStreamChatEventCallback, onLiveStreamEventCallback, Product, ProductInfoViewConfiguration, ProductPrice, ProductUnit, SDKInitCallback, SDKInitEvent, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VideoFeed, VideoFeedClickCallback, VideoFeedConfiguration, VideoFeedContentPadding, VideoFeedMode, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTAStyle, VideoPlayerSize, VideoPlayerStyle, VideoShopping, WillDisplayProductCallback, WillDisplayProductEvent, };

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

@@ -8,33 +8,51 @@ export interface VideoFeedPlayIconConfiguration {
     iconWidth?: number;
 }
 export declare type VideoFeedTitlePosition = 'stacked' | 'nested';
+export interface VideoFeedContentPadding {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
 export default interface VideoFeedConfiguration {
     /**
      * Background color of video feed.
      */
     backgroundColor?: string;
     /**
-     * Corner radius of video feed. Only supported on iOS.
+     * Corner radius of video feed item. Only supported on iOS.
      */
     cornerRadius?: number;
     /**
-     * Configuration of video feed title.
+     * Configuration of video feed item title.
      */
     title?: VideoFeedTitleConfiguration;
     /**
-     * Title position of video feed.
+     * Title position of video feed item.
      */
     titlePosition?: VideoFeedTitlePosition;
     /**
-     * Configuration of video feed play icon. Only supported on iOS.
+     * Configuration of video feed item play icon. Only supported on iOS.
      */
     playIcon?: VideoFeedPlayIconConfiguration;
     /**
-     * Indicates if the video feed shows ad badge.
+     * Indicates if the video feed item shows ad badge.
      */
     showAdBadge?: boolean;
     /**
      * Custom layout name for video feed item. Only supported on Android.
      */
     customLayoutName?: string;
+    /**
+     * The aspect ratio(width / height) for video feed item. Only supported on iOS.
+     */
+    aspectRatio?: number;
+    /**
+     * The content padding for video feed. Only supported on iOS.
+     */
+    contentPadding?: VideoFeedContentPadding;
+    /**
+     * The item spacing for video feed. Only supported on iOS.
+     */
+    itemSpacing?: number;
 }

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

@@ -32,7 +32,11 @@ export default interface VideoPlayerConfiguration {
      */
     showMuteButton?: boolean;
     /**
-     * The property is valid only if showMuteButton is true.
+     * Specifies the video player launch behavior.
      */
     launchBehavior?: VideoLaunchBehavior;
+    /**
+     * Indicates if Firework branding should be showed or not.
+     */
+    showBranding?: boolean;
 }

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

@@ -10,6 +10,7 @@ interface IShoppingModule extends NativeModule {
     jumpToCartPage(callbackId: number | string, props: NewNativeContainerProps): void;
     setCartIconVisible(visible: boolean): void;
     setCartItemCount(count: number): void;
+    setCustomClickCartIconEnabled(enabled: boolean): Promise<void>;
 }
 declare const ShoppingModuleEventEmitter: NativeEventEmitter;
 export { ShoppingModuleEventEmitter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "1.2.5",
+  "version": "1.2.8",
   "description": "Firework React Native SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/react-native-firework-sdk.podspec

@@ -28,6 +28,6 @@ cp $module_header_path "${PODS_ROOT}/Headers/Public/react_native_firework_sdk/"'
 
   s.dependency "React-Core"
 
-  s.dependency "FireworkVideo","0.16.0"
+  s.dependency "FireworkVideo", "0.17.0"
 
 end

package/src/VideoShopping.ts

@@ -1,4 +1,4 @@
-import type { NativeEventEmitter } from 'react-native';
+import { NativeEventEmitter, Platform } from 'react-native';
 
 import type AddToCartResult from './models/AddToCartResult';
 import type {
@@ -22,6 +22,8 @@ export type ClickCartIconCallback = () => Promise<
   NewNativeContainerProps | undefined | null
 >;
 
+export type CustomClickCartIconCallback = () => Promise<void>;
+
 export type UpdateProductDetailsCallback = (
   event: UpdateProductDetailsEvent
 ) => Promise<Product[] | undefined | null>;
@@ -48,10 +50,28 @@ class VideoShopping {
   /**
    * This callback is triggered when the user clicks the shopping cart icon.
    *
-   * The host app can return a React.Node to integrate custom cart page to shopping flow.
+   * The host app can return NewNativeContainerProps object and we will push a new native container with the props.
    */
   public onClickCartIcon?: ClickCartIconCallback;
 
+  /**
+   * This callback is triggered when the user clicks the shopping cart icon.
+   *
+   * The host app can customize the processing logic of clicking the shopping cart icon by setting the callback.
+   */
+  public get onCustomClickCartIcon(): CustomClickCartIconCallback | undefined {
+    return this._onCustomClickCartIcon;
+  }
+  public set onCustomClickCartIcon(
+    value: CustomClickCartIconCallback | undefined
+  ) {
+    this._onCustomClickCartIcon = value;
+    if (Platform.OS === 'ios') {
+      ShoppingModule.setCustomClickCartIconEnabled(!!value);
+    }
+  }
+  private _onCustomClickCartIcon?: CustomClickCartIconCallback | undefined;
+
   /**
    * This callback is triggered when the video will be shown.
    *
@@ -132,7 +152,9 @@ class VideoShopping {
   }
 
   private async handleClickCartIconEvent(event: CallbackInfo) {
-    if (this.onClickCartIcon) {
+    if (this.onCustomClickCartIcon) {
+      this.onCustomClickCartIcon();
+    } else if (this.onClickCartIcon) {
       const callbackId = event.callbackId;
       delete event.callbackId;
       const props = await this.onClickCartIcon();

package/src/index.tsx

@@ -41,6 +41,7 @@ import type ProductUnit from './models/ProductUnit';
 import type { ProductPrice } from './models/ProductUnit';
 import type VideoFeedConfiguration from './models/VideoFeedConfiguration';
 import type {
+  VideoFeedContentPadding,
   VideoFeedPlayIconConfiguration,
   VideoFeedTitleConfiguration,
   VideoFeedTitlePosition,
@@ -102,6 +103,7 @@ export {
   VideoFeed,
   VideoFeedClickCallback,
   VideoFeedConfiguration,
+  VideoFeedContentPadding,
   VideoFeedMode,
   VideoFeedPlayIconConfiguration,
   VideoFeedSource,

package/src/models/VideoFeedConfiguration.ts

@@ -11,33 +11,52 @@ export interface VideoFeedPlayIconConfiguration {
 
 export type VideoFeedTitlePosition = 'stacked' | 'nested';
 
+export interface VideoFeedContentPadding {
+  top?: number;
+  right?: number;
+  bottom?: number;
+  left?: number;
+}
+
 export default interface VideoFeedConfiguration {
   /**
    * Background color of video feed.
    */
   backgroundColor?: string;
   /**
-   * Corner radius of video feed. Only supported on iOS.
+   * Corner radius of video feed item. Only supported on iOS.
    */
   cornerRadius?: number;
   /**
-   * Configuration of video feed title.
+   * Configuration of video feed item title.
    */
   title?: VideoFeedTitleConfiguration;
   /**
-   * Title position of video feed.
+   * Title position of video feed item.
    */
   titlePosition?: VideoFeedTitlePosition;
   /**
-   * Configuration of video feed play icon. Only supported on iOS.
+   * Configuration of video feed item play icon. Only supported on iOS.
    */
   playIcon?: VideoFeedPlayIconConfiguration;
   /**
-   * Indicates if the video feed shows ad badge.
+   * Indicates if the video feed item shows ad badge.
    */
   showAdBadge?: boolean;
   /**
    * Custom layout name for video feed item. Only supported on Android.
    */
   customLayoutName?: string;
+  /**
+   * The aspect ratio(width / height) for video feed item. Only supported on iOS.
+   */
+  aspectRatio?: number;
+  /**
+   * The content padding for video feed. Only supported on iOS.
+   */
+  contentPadding?: VideoFeedContentPadding;
+  /**
+   * The item spacing for video feed. Only supported on iOS.
+   */
+  itemSpacing?: number;
 }

package/src/models/VideoPlayerConfiguration.ts

@@ -34,7 +34,11 @@ export default interface VideoPlayerConfiguration {
    */
   showMuteButton?: boolean;
   /**
-   * The property is valid only if showMuteButton is true.
+   * Specifies the video player launch behavior.
    */
   launchBehavior?: VideoLaunchBehavior;
+  /**
+   * Indicates if Firework branding should be showed or not.
+   */
+  showBranding?: boolean;
 }

package/src/modules/ShoppingModule.ts

@@ -33,6 +33,7 @@ interface IShoppingModule extends NativeModule {
   ): void;
   setCartIconVisible(visible: boolean): void;
   setCartItemCount(count: number): void;
+  setCustomClickCartIconEnabled(enabled: boolean): Promise<void>; // Only supported on iOS
 }
 
 const ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);