react-native-firework-sdk 2.4.2 → 2.5.0

package/ios/FireworkSdk.xcodeproj/project.pbxproj

@@ -71,6 +71,7 @@
 		8988736C2A0A8E7E0089CD1C /* VideoPlayerConfiguration.swift in Sources */ = {isa = PBXBuildFile; fileRef = 898873442A0A8E7E0089CD1C /* VideoPlayerConfiguration.swift */; };
 		8988736D2A0A8E7E0089CD1C /* VideoFeedManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 898873452A0A8E7E0089CD1C /* VideoFeedManager.m */; };
 		89C4D6A62A494EB800EFB74A /* StoryBlockConfiguration.swift in Sources */ = {isa = PBXBuildFile; fileRef = 89C4D6A52A494EB800EFB74A /* StoryBlockConfiguration.swift */; };
+		89C6791A2A736C80000C1A71 /* ButtonInfo.swift in Sources */ = {isa = PBXBuildFile; fileRef = 89C679192A736C80000C1A71 /* ButtonInfo.swift */; };
 		89D6BBF929ACE2DC00C8AA2A /* (null) in Sources */ = {isa = PBXBuildFile; };
 		89DF27DD28A53A77003F3CCB /* (null) in Sources */ = {isa = PBXBuildFile; };
 		89DF27DE28A53A77003F3CCB /* (null) in Sources */ = {isa = PBXBuildFile; };
@@ -133,6 +134,7 @@
 		898873442A0A8E7E0089CD1C /* VideoPlayerConfiguration.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = VideoPlayerConfiguration.swift; sourceTree = "<group>"; };
 		898873452A0A8E7E0089CD1C /* VideoFeedManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = VideoFeedManager.m; sourceTree = "<group>"; };
 		89C4D6A52A494EB800EFB74A /* StoryBlockConfiguration.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = StoryBlockConfiguration.swift; sourceTree = "<group>"; };
+		89C679192A736C80000C1A71 /* ButtonInfo.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ButtonInfo.swift; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -248,6 +250,7 @@
 			isa = PBXGroup;
 			children = (
 				898873332A0A8E7E0089CD1C /* FontInfo.swift */,
+				89C679192A736C80000C1A71 /* ButtonInfo.swift */,
 			);
 			path = Common;
 			sourceTree = "<group>";
@@ -406,6 +409,7 @@
 				8988736B2A0A8E7E0089CD1C /* VideoFeed.swift in Sources */,
 				891F4AF62A67E12800A9E8DA /* FWRNContainerViewController.swift in Sources */,
 				898873522A0A8E7E0089CD1C /* ShoppingCTAResult.swift in Sources */,
+				89C6791A2A736C80000C1A71 /* ButtonInfo.swift in Sources */,
 				8975239D2817DEF80070EBB6 /* (null) in Sources */,
 				898873562A0A8E7E0089CD1C /* SDKInitOptions.swift in Sources */,
 				89DF27DE28A53A77003F3CCB /* (null) in Sources */,

package/ios/FireworkVideoUI/FireworkVideoUI/Sources/AppLanguage/Extensions/UIKit/UIView+AppLanguage.swift

@@ -30,7 +30,7 @@ extension UIView {
     @objc func fw_init(frame: CGRect) -> UIView {
         let view = self.fw_init(frame: frame)
         updateViewTypeIfNeeded(view)
-        
+
         return view
     }
 
@@ -38,21 +38,21 @@ extension UIView {
         self.fw_viewAwakeFromNib()
         updateViewTypeIfNeeded(self)
     }
-    
+
     @objc func fw_semanticContentAttribute() -> UISemanticContentAttribute {
         if self.isIOSSDKView, AppLanguageManager.shared.shouldHorizontalFlip {
             return .forceLeftToRight
         }
-        
+
         return fw_semanticContentAttribute()
     }
-    
+
     private func updateViewTypeIfNeeded(_ view: UIView) {
         if view is FireworkPlayerView, AppLanguageManager.shared.shouldHorizontalFlip {
             view.viewType = .normal
         }
-        
-        DispatchQueue.main.async {            
+
+        DispatchQueue.main.async {
             if view.layer.sublayers?.first(where: { layer in
                 layer is AVPlayerLayer
             }) != nil, AppLanguageManager.shared.shouldHorizontalFlip {

package/ios/FireworkVideoUI/Podfile

@@ -6,7 +6,7 @@ target 'FireworkVideoUI' do
   use_frameworks!
 
   # Pods for FireworkVideoUI
-  pod 'FireworkVideo', '1.11.0'
+  pod 'FireworkVideo', '1.12.0'
 
   target 'FireworkVideoUITests' do
     # Pods for testing

package/ios/FireworkVideoUI/Podfile.lock

@@ -1,16 +1,16 @@
 PODS:
-  - FireworkVideo (1.11.0)
+  - FireworkVideo (1.12.0)
 
 DEPENDENCIES:
-  - FireworkVideo (= 1.11.0)
+  - FireworkVideo (= 1.12.0)
 
 SPEC REPOS:
   trunk:
     - FireworkVideo
 
 SPEC CHECKSUMS:
-  FireworkVideo: d37d9b94d8bc8069c42a3f06b4b9da97ea3b7e60
+  FireworkVideo: 8f7667ac08b5bb5a0bc09656f4cb6b782dcddccd
 
-PODFILE CHECKSUM: 19727e7fd482efd91e8a58ce9db72b1ded933875
+PODFILE CHECKSUM: 45fcc23fac9e8972f203deb221c0838163e06f6d
 
 COCOAPODS: 1.12.1

package/ios/Models/Common/ButtonInfo.swift

@@ -0,0 +1,37 @@
+//
+//  ButtonInfo.swift
+//  FireworkSdk
+//
+//  Created by linjie jiang on 7/28/23.
+//
+
+import Foundation
+import FireworkVideo
+
+@objc
+public class ButtonInfo: NSObject, Codable {
+    var imageName: String?
+    var systemImageName: String?
+    var tintColor: String?
+
+    public func getButtonDisplayConfiguration() -> ButtonDisplayConfiguration? {
+        if let imageName = imageName, let image = UIImage(named: imageName) {
+            var config = ButtonDisplayConfiguration()
+            config.displayMode = .image(image)
+            return config
+        }
+
+        if #available(iOS 13.0, *) {
+            if let systemImageName = systemImageName, let image = UIImage(systemName: systemImageName) {
+                var config = ButtonDisplayConfiguration()
+                config.displayMode = .image(image)
+                if let tintColor = tintColor?.uicolor() {
+                    config.tintColor = tintColor
+                }
+                return config
+            }
+        }
+
+        return nil
+    }
+}

package/ios/Models/NativeToRN/FireworkEventName.swift

@@ -43,6 +43,7 @@ enum ShoppingEventName: String, CaseIterable {
     case clickCartIcon = "fw:shopping:click-cart-icon"
     case logMessage = "fw:log-message"
     case customLinkButtonClick = "fw:shopping:custom-link-button-click"
+    case customProductCardTap = "fw:shopping:custom-product-card-tap"
 }
 
 /// Live stream event

package/ios/Models/NativeToRN/FireworkSDK+Json.swift

@@ -24,7 +24,7 @@ extension FireworkVideoSDKError {
 }
 
 extension VideoPlaybackDetails {
-    var jsObject: [String: Any?] {
+    var jsObject: [String: Any] {
         [
             "videoId": videoID,
             "duration": duration,
@@ -149,3 +149,13 @@ extension StoryBlockError {
         return error
     }
 }
+
+extension SelectedProductVariant {
+    var jsObject: [String: Any] {
+        return [
+            "url": url?.absoluteString ?? "",
+            "productId": productID,
+            "unitId": unitID
+        ]
+    }
+}

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

@@ -34,6 +34,24 @@ extension RCTConvert {
         }
     }
 
+    static func ctaButtonStyle(_ style: [String: AnyObject]?) -> ButtonContentConfiguration? {
+        guard let rStyle = style else {
+            return nil
+        }
+        var btnContentConfig = ButtonContentConfiguration()
+        if let backgroundColor = rStyle["backgroundColor"] as? String, let color = backgroundColor.uicolor() {
+            btnContentConfig.backgroundColor = color
+        }
+        if let textColor = rStyle["textColor"] as? String, let color = textColor.uicolor() {
+            btnContentConfig.textColor = color
+        }
+        if let fontSize = rStyle["fontSize"] as? Double {
+            btnContentConfig.font = UIFont.systemFont(ofSize: fontSize)
+        }
+
+        return btnContentConfig
+    }
+
     static func adBadgeConfiguration(_ config: [String: Any]?) -> AdBadgeConfiguration? {
         guard let rConfig = config else {
             return nil

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

@@ -15,7 +15,8 @@ extension StoryBlockSourceType {
             "playlist": .playlist,
             "dynamicContent": .dynamicContent,
             "hashtagPlaylist": .hashtagPlaylist,
-            "sku": .sku
+            "sku": .sku,
+            "singleContent": .singleContent
         ]
     }
 }

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

@@ -17,7 +17,8 @@ extension VideFeedSourceType {
             "playlistGroup": .playlistGroup,
             "dynamicContent": .dynamicContent,
             "hashtagPlaylist": .hashtagPlaylist,
-            "sku": .sku
+            "sku": .sku,
+            "singleContent": .singleContent
         ]
     }
 }

package/ios/Modules/FireworkSDKModule/FireworkSDKModule.swift

@@ -263,11 +263,11 @@ extension FireworkSDKModule {
         }
 
         var fwAdBadgeConfiguration = FireworkVideo.AdBadgeConfiguration()
-        if let textColor = adBadgeConfiguration.textColor {
-            fwAdBadgeConfiguration.textColor = textColor.uicolor()
+        if let textColor = adBadgeConfiguration.textColor, let color = textColor.uicolor() {
+            fwAdBadgeConfiguration.textColor = color
         }
-        if let backgroundColor = adBadgeConfiguration.backgroundColor {
-            fwAdBadgeConfiguration.backgroundColor = backgroundColor.uicolor()
+        if let backgroundColor = adBadgeConfiguration.backgroundColor, let color = backgroundColor.uicolor() {
+            fwAdBadgeConfiguration.backgroundColor = color
         }
         switch adBadgeConfiguration.badgeTextType {
         case .sponsored:

package/ios/Modules/Shopping/ProductInfoViewConfiguration.swift

@@ -10,6 +10,7 @@ import Foundation
 struct ProductInfoViewConfiguration: Codable {
     var ctaButton: CTAButtonConfiguration?
     var linkButton: LinkButtonConfiguration?
+    var productCard: ProductCardConfiguration?
 
     struct CTAButtonConfiguration: Codable {
         var text: CTAButtonText?
@@ -26,4 +27,19 @@ struct ProductInfoViewConfiguration: Codable {
     struct LinkButtonConfiguration: Codable {
         var isHidden: Bool?
     }
+
+    struct ProductCardConfiguration: Codable {
+        var theme: ProductCardTheme?
+        var ctaButtonText: ProductCardCTAButtonText?
+    }
+
+    enum ProductCardTheme: String, Codable {
+        case light
+        case dark
+    }
+
+    enum ProductCardCTAButtonText: String, Codable {
+        case shopNow
+        case buyNow
+    }
 }

package/ios/Modules/Shopping/ShoppingModule.m

@@ -17,5 +17,6 @@ RCT_EXTERN_METHOD(setProductInfoViewConfiguration:(NSDictionary *)config)
 RCT_EXTERN_METHOD(clearCallbackId:(nonnull NSNumber *)cbId eventName:(nonnull NSString *)name)
 RCT_EXTERN_METHOD(setCustomClickLinkButtonEnabled:(BOOL)enabled resolver: (RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 RCT_EXTERN_METHOD(updateShoppingCTAResult:(NSDictionary *)result cbId:(nonnull NSNumber *)cbId)
+RCT_EXTERN_METHOD(setCustomTapProductCardEnabled:(BOOL)enabled resolver: (RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
 
 @end

package/ios/Modules/Shopping/ShoppingModule.swift

@@ -5,8 +5,7 @@
 //  Created by Jeff Zheng on 2021/12/30.
 //
 
-// swiftlint:disable file_length
-
+// swiftlint:disable file_length type_body_length
 import FireworkVideo
 import Foundation
 
@@ -21,6 +20,7 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate {
     private var itemCounts = 0
     private var productInfoViewConfiguration: ProductInfoViewConfiguration?
     private var customClickLinkButtonEnabled = false
+    private var customTapProductCardEnabled = false
 
     override func supportedEvents() -> [String]! {
         ShoppingEventName.allCases.map { $0.rawValue }
@@ -168,6 +168,15 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate {
         resolver([:])
     }
 
+    @objc
+    func setCustomTapProductCardEnabled(
+        _ enabled: Bool, resolver: @escaping RCTPromiseResolveBlock,
+        rejecter: @escaping RCTPromiseRejectBlock
+    ) {
+        customTapProductCardEnabled = enabled
+        resolver([:])
+    }
+
     @objc
     func updateShoppingCTAResult(_ result: [String: Any]?, cbId: NSNumber) {
         guard let ctaResult = RCTConvert.buildShoppingCTAResult(result) else {
@@ -264,14 +273,11 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate {
     ) {
         let callbackId = ShoppingModule.generateCallbackId()
         self.shoppingCTAHandlerMap[callbackId] = ctaCompletionHandler
+        var body = item.jsObject
+        body["callbackId"] = callbackId
         sendEvent(
             withName: ShoppingEventName.ctaButtonClick.rawValue,
-            body: [
-                "url": item.url?.absoluteString ?? "",
-                "productId": item.productID,
-                "unitId": item.unitID,
-                "callbackId": callbackId
-            ])
+            body: body)
     }
 
     func fireworkShopping(
@@ -282,11 +288,7 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate {
         if customClickLinkButtonEnabled {
             sendEvent(
                 withName: ShoppingEventName.customLinkButtonClick.rawValue,
-                body: [
-                    "url": itemURL,
-                    "productId": item.productID,
-                    "unitId": item.unitID
-                ])
+                body: item.jsObject)
         }
         return customClickLinkButtonEnabled
     }
@@ -298,9 +300,26 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate {
         sendEvent(
             withName: ShoppingEventName.clickCartIcon.rawValue, body: [:])
     }
+
+    func fireworkShopping(
+        _ fireworkShopping: FireworkVideoShopping,
+        didTapProductVariant item: SelectedProductVariant,
+        forVideo video: VideoDetails
+    ) -> Bool {
+        if customTapProductCardEnabled {
+            var body = item.jsObject
+            body["video"] = video.jsObject
+            sendEvent(
+                withName: ShoppingEventName.customProductCardTap.rawValue,
+                body: body)
+
+        }
+        return customTapProductCardEnabled
+    }
 }
 
 extension ShoppingModule {
+    // swiftlint:disable:next cyclomatic_complexity
     fileprivate static func hydrateProductViewConfig(
         _ config: ProductInfoViewConfiguration,
         _ productInfoViewConfigurator: ProductInfoViewConfigurable
@@ -317,13 +336,15 @@ extension ShoppingModule {
                 }
             }
             if let backgroundColor = ctaButtonConfiguration.backgroundColor,
-                backgroundColor.count > 0 {
-                productDetailsConfiguration.ctaButton.buttonConfiguration.backgroundColor = backgroundColor.uicolor()
+                backgroundColor.count > 0,
+                let color = backgroundColor.uicolor() {
+                productDetailsConfiguration.ctaButton.buttonConfiguration.backgroundColor = color
             }
 
             if let textColor = ctaButtonConfiguration.textColor,
-                textColor.count > 0 {
-                productDetailsConfiguration.ctaButton.buttonConfiguration.textColor = textColor.uicolor()
+                textColor.count > 0,
+                let color = textColor.uicolor() {
+                productDetailsConfiguration.ctaButton.buttonConfiguration.textColor = color
             }
 
             if let fontSize = ctaButtonConfiguration.fontSize {
@@ -338,6 +359,26 @@ extension ShoppingModule {
             }
         }
 
+        if let productCardConfiguration = config.productCard {
+            if let theme = productCardConfiguration.theme {
+                switch theme {
+                case .light:
+                    productInfoViewConfigurator.productCardConfiguration.appearance = .light
+                case .dark:
+                    productInfoViewConfigurator.productCardConfiguration.appearance = .dark
+                }
+            }
+
+            if let text = productCardConfiguration.ctaButtonText {
+                switch text {
+                case .shopNow:
+                    productInfoViewConfigurator.productCardConfiguration.ctaConfig.text = .shopNow
+                case .buyNow:
+                    productInfoViewConfigurator.productCardConfiguration.ctaConfig.text = .buyNow
+                }
+            }
+        }
+
         productInfoViewConfigurator.productDetailsConfiguration = productDetailsConfiguration
     }
 

package/ios/Utils/Extensions/String+Color.swift

@@ -8,39 +8,65 @@
 import UIKit
 
 extension String {
+    func uicolor() -> UIColor? {
+        var hex = self.trimmingCharacters(in: CharacterSet.whitespacesAndNewlines).uppercased()
 
-    func uicolor(alpha: CGFloat = 1.0) -> UIColor {
-        var red: UInt64 = 0
-        var green: UInt64 = 0
-        var blue: UInt64 = 0
-        var hex = self
-        //
-        if hex.hasPrefix("0x") || hex.hasPrefix("0X") {
+        guard matchHexColorWithLength(hex) else {
+            return nil
+        }
+
+        if hex.hasPrefix("0X") {
             hex = String(hex[hex.index(hex.startIndex, offsetBy: 2)...])
         } else if hex.hasPrefix("#") {
             hex = String(hex[hex.index(hex.startIndex, offsetBy: 1)...])
         }
-        //
-        if hex.count < 6 {
-            for _ in 0..<6 - hex.count {
-                hex += "0"
-            }
+
+        if hex.count == 3 {
+            hex = convertToDoubleChar(from: hex)
+            hex += "FF"
+        }
+
+        if hex.count == 4 {
+            hex = convertToDoubleChar(from: hex)
+        }
+
+        if hex.count == 6 {
+            hex += "FF"
         }
 
-        // convert
-        // red
-        Scanner(string: String(hex[..<hex.index(hex.startIndex, offsetBy: 2)])).scanHexInt64(&red)
-        // green
-        Scanner(
-            string: String(
-                hex[hex.index(hex.startIndex, offsetBy: 2)..<hex.index(hex.startIndex, offsetBy: 4)]
-            )
-        ).scanHexInt64(&green)
-        // blue
-        Scanner(string: String(hex[hex.index(startIndex, offsetBy: 4)...])).scanHexInt64(&blue)
-
-        return UIColor(
-            red: CGFloat(red) / 255.0, green: CGFloat(green) / 255.0, blue: CGFloat(blue) / 255.0,
-            alpha: alpha)
+        var rgbaValue: UInt64 = 0
+        Scanner(string: hex).scanHexInt64(&rgbaValue)
+
+        let red = CGFloat((rgbaValue & 0xFF000000) >> 24) / 255.0
+        let green = CGFloat((rgbaValue & 0x00FF0000) >> 16) / 255.0
+        let blue = CGFloat((rgbaValue & 0x0000FF00) >> 8) / 255.0
+        let alpha = CGFloat(rgbaValue & 0x000000FF) / 255.0
+
+        return UIColor(red: red, green: green, blue: blue, alpha: alpha)
+
+    }
+
+    private func convertToDoubleChar(from input: String) -> String {
+        var result = ""
+
+        for char in input {
+            let repeatedChar = String(repeating: char, count: 2)
+            result += repeatedChar
+        }
+
+        return result
+    }
+
+    private func matchHexColorWithLength(_ input: String) -> Bool {
+        do {
+            let pattern = "^(0X|#)?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{4}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$"
+            let regex = try NSRegularExpression(pattern: pattern)
+            let range = NSRange(location: 0, length: input.utf16.count)
+            let matches = regex.matches(in: input, range: range)
+
+            return matches.count > 0
+        } catch {
+            return false
+        }
     }
 }

package/lib/commonjs/FWNavigator.js

@@ -9,10 +9,6 @@ var _FWEventName = require("./models/FWEventName");
 
 var _FWNavigatorModule = _interopRequireWildcard(require("./modules/FWNavigatorModule"));
 
-var _FWLoggerUtil = _interopRequireDefault(require("./utils/FWLoggerUtil"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -32,8 +28,6 @@ class FWNavigator {
   }
 
   constructor() {
-    _FWLoggerUtil.default.log('FWNavigator constructor');
-
     _FWNavigatorModule.FWNavigatorModuleEventEmitter.addListener(_FWEventName.FWEventName.LogMessage, () => {});
   }
   /**

package/lib/commonjs/FWNavigator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FWNavigator.ts"],"names":["FWNavigator","getInstance","_instance","constructor","FWLoggerUtil","log","FWNavigatorModuleEventEmitter","addListener","FWEventName","LogMessage","pushRNContainer","params","FWNavigatorModule","popRNContainer","popNativeContainer","startFloatingPlayer","stopFloatingPlayer"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;;;;;AAEA;AACA;AACA;AACA,MAAMA,WAAN,CAAkB;AAGS,SAAXC,WAAW,GAAgB;AACvC,QAAI,CAACD,WAAW,CAACE,SAAjB,EAA4B;AAC1BF,MAAAA,WAAW,CAACE,SAAZ,GAAwB,IAAIF,WAAJ,EAAxB;AACD;;AACD,WAAOA,WAAW,CAACE,SAAnB;AACD;;AAEOC,EAAAA,WAAW,GAAG;AACpBC,0BAAaC,GAAb,CAAiB,yBAAjB;;AACAC,qDAA8BC,WAA9B,CAA0CC,yBAAYC,UAAtD,EAAkE,MAAM,CAAE,CAA1E;AACD;AAED;AACF;AACA;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,eAAe,CAACC,MAAD,EAAkD;AACtE,WAAOC,2BAAkBF,eAAlB,CAAkCC,MAAlC,CAAP;AACD;AAED;AACF;AACA;AACA;;;AACSE,EAAAA,cAAc,GAAqB;AACxC,WAAOD,2BAAkBC,cAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,kBAAkB,GAAqB;AAC5C,WAAOF,2BAAkBE,kBAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;;;AACkC,QAAnBC,mBAAmB,GAAqB;AACnD,WAAOH,2BAAkBG,mBAAlB,EAAP;AACD;AAED;AACF;AACA;;;AACiC,QAAlBC,kBAAkB,GAAkB;AAC/C,UAAMJ,2BAAkBI,kBAAlB,EAAN;AACD;;AA1De;;gBAAZhB,W;;eA6DSA,W","sourcesContent":["import { FWEventName } from './models/FWEventName';\nimport type PushRNContainerParams from './models/PushRNContainerParams';\nimport FWNavigatorModule, {\n  FWNavigatorModuleEventEmitter,\n} from './modules/FWNavigatorModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\n\n/**\n * You can use this class for pushing RN page from the native page.\n */\nclass FWNavigator {\n  private static _instance?: FWNavigator;\n\n  public static getInstance(): FWNavigator {\n    if (!FWNavigator._instance) {\n      FWNavigator._instance = new FWNavigator();\n    }\n    return FWNavigator._instance!;\n  }\n\n  private constructor() {\n    FWLoggerUtil.log('FWNavigator constructor');\n    FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});\n  }\n\n  /**\n   * Push a new RN container.\n   * You could use this method to make a RN page on top of\n   * SDK full-screen player.\n   * @param params {PushRNContainerParams}\n   * @returns {Promise<boolean>} The result of pushing a new Container.\n   */\n  public pushRNContainer(params: PushRNContainerParams): Promise<boolean> {\n    return FWNavigatorModule.pushRNContainer(params);\n  }\n\n  /**\n   * Pop the RN container you pushed before.\n   * @returns {Promise<boolean>} The result of popping a new Container.\n   */\n  public popRNContainer(): Promise<boolean> {\n    return FWNavigatorModule.popRNContainer();\n  }\n\n  /**\n   * Pop the native container. You could use the method to close the fullscreen player.\n   * But if the enablePictureInPicture of the associated video feed is true,\n   * we can't close the fullscreen player.\n   * @returns {Promise<boolean>} The result of popping the native container.\n   */\n  public popNativeContainer(): Promise<boolean> {\n    return FWNavigatorModule.popNativeContainer();\n  }\n\n  /**\n   * Change current fullscreen player to floating player.\n   * @returns {Promise<boolean>} If the result is true, it means that the fullscreen\n   * player is changed to floating player.\n   */\n  public async startFloatingPlayer(): Promise<boolean> {\n    return FWNavigatorModule.startFloatingPlayer();\n  }\n\n  /**\n   * Stop current floating player.\n   */\n  public async stopFloatingPlayer(): Promise<void> {\n    await FWNavigatorModule.stopFloatingPlayer();\n  }\n}\n\nexport default FWNavigator;\n"]}
+{"version":3,"sources":["FWNavigator.ts"],"names":["FWNavigator","getInstance","_instance","constructor","FWNavigatorModuleEventEmitter","addListener","FWEventName","LogMessage","pushRNContainer","params","FWNavigatorModule","popRNContainer","popNativeContainer","startFloatingPlayer","stopFloatingPlayer"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;AAIA;AACA;AACA;AACA,MAAMA,WAAN,CAAkB;AAGS,SAAXC,WAAW,GAAgB;AACvC,QAAI,CAACD,WAAW,CAACE,SAAjB,EAA4B;AAC1BF,MAAAA,WAAW,CAACE,SAAZ,GAAwB,IAAIF,WAAJ,EAAxB;AACD;;AACD,WAAOA,WAAW,CAACE,SAAnB;AACD;;AAEOC,EAAAA,WAAW,GAAG;AACpBC,qDAA8BC,WAA9B,CAA0CC,yBAAYC,UAAtD,EAAkE,MAAM,CAAE,CAA1E;AACD;AAED;AACF;AACA;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,eAAe,CAACC,MAAD,EAAkD;AACtE,WAAOC,2BAAkBF,eAAlB,CAAkCC,MAAlC,CAAP;AACD;AAED;AACF;AACA;AACA;;;AACSE,EAAAA,cAAc,GAAqB;AACxC,WAAOD,2BAAkBC,cAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;AACA;;;AACSC,EAAAA,kBAAkB,GAAqB;AAC5C,WAAOF,2BAAkBE,kBAAlB,EAAP;AACD;AAED;AACF;AACA;AACA;AACA;;;AACkC,QAAnBC,mBAAmB,GAAqB;AACnD,WAAOH,2BAAkBG,mBAAlB,EAAP;AACD;AAED;AACF;AACA;;;AACiC,QAAlBC,kBAAkB,GAAkB;AAC/C,UAAMJ,2BAAkBI,kBAAlB,EAAN;AACD;;AAzDe;;gBAAZd,W;;eA4DSA,W","sourcesContent":["import { FWEventName } from './models/FWEventName';\nimport type PushRNContainerParams from './models/PushRNContainerParams';\nimport FWNavigatorModule, {\n  FWNavigatorModuleEventEmitter,\n} from './modules/FWNavigatorModule';\n\n/**\n * You can use this class for pushing RN page from the native page.\n */\nclass FWNavigator {\n  private static _instance?: FWNavigator;\n\n  public static getInstance(): FWNavigator {\n    if (!FWNavigator._instance) {\n      FWNavigator._instance = new FWNavigator();\n    }\n    return FWNavigator._instance!;\n  }\n\n  private constructor() {\n    FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});\n  }\n\n  /**\n   * Push a new RN container.\n   * You could use this method to make a RN page on top of\n   * SDK full-screen player.\n   * @param params {PushRNContainerParams}\n   * @returns {Promise<boolean>} The result of pushing a new Container.\n   */\n  public pushRNContainer(params: PushRNContainerParams): Promise<boolean> {\n    return FWNavigatorModule.pushRNContainer(params);\n  }\n\n  /**\n   * Pop the RN container you pushed before.\n   * @returns {Promise<boolean>} The result of popping a new Container.\n   */\n  public popRNContainer(): Promise<boolean> {\n    return FWNavigatorModule.popRNContainer();\n  }\n\n  /**\n   * Pop the native container. You could use the method to close the fullscreen player.\n   * But if the enablePictureInPicture of the associated video feed is true,\n   * we can't close the fullscreen player.\n   * @returns {Promise<boolean>} The result of popping the native container.\n   */\n  public popNativeContainer(): Promise<boolean> {\n    return FWNavigatorModule.popNativeContainer();\n  }\n\n  /**\n   * Change current fullscreen player to floating player.\n   * @returns {Promise<boolean>} If the result is true, it means that the fullscreen\n   * player is changed to floating player.\n   */\n  public async startFloatingPlayer(): Promise<boolean> {\n    return FWNavigatorModule.startFloatingPlayer();\n  }\n\n  /**\n   * Stop current floating player.\n   */\n  public async stopFloatingPlayer(): Promise<void> {\n    await FWNavigatorModule.stopFloatingPlayer();\n  }\n}\n\nexport default FWNavigator;\n"]}

package/lib/commonjs/VideoShopping.js

@@ -62,6 +62,25 @@ class VideoShopping {
     _ShoppingModule.default.setCustomClickLinkButtonEnabled(!!value);
   }
 
+  /**
+   * This callback is triggered when the user clicks product card.
+   * Only supported on iOS.
+   *
+   * The host app can customize the tap event processing logic of
+   * the product card by setting the callback.
+   */
+  get onCustomTapProductCard() {
+    return this._onCustomTapProductCard;
+  }
+
+  set onCustomTapProductCard(value) {
+    this._onCustomTapProductCard = value;
+
+    if (_reactNative.Platform.OS === 'ios') {
+      _ShoppingModule.default.setCustomTapProductCardEnabled(!!value);
+    }
+  }
+
   /**
    * Defaults to true.
    * You can hide the cart icon by setting this property to false.
@@ -125,6 +144,8 @@ class VideoShopping {
 
     _defineProperty(this, "_onCustomClickLinkButton", void 0);
 
+    _defineProperty(this, "_onCustomTapProductCard", void 0);
+
     _defineProperty(this, "_cartIconVisible", true);
 
     _defineProperty(this, "_productInfoViewConfiguration", void 0);
@@ -150,6 +171,11 @@ class VideoShopping {
 
       this.handleCustomLinkButtonClickEvent(event);
     });
+    this.eventEmitter.addListener(_FWEventName.FWEventName.CustomProductCardTap, event => {
+      _FWLoggerUtil.default.log(`Receive CustomProductCardTap event url: ${event === null || event === void 0 ? void 0 : event.url}`);
+
+      this.handleCustomProductCardTapEvent(event);
+    });
   }
   /**
    *
@@ -238,6 +264,12 @@ class VideoShopping {
     }
   }
 
+  async handleCustomProductCardTapEvent(event) {
+    if (this.onCustomTapProductCard) {
+      this.onCustomTapProductCard(event);
+    }
+  }
+
 }
 
 _defineProperty(VideoShopping, "_instance", void 0);