react-native-firework-sdk 2.7.1 → 2.8.0

package/ios/Modules/FireworkSDKModule/FireworkSDKModule.swift

@@ -23,6 +23,9 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
     /// Decide whether to send video playback event to RN.
     var enableVideoPlayBackEvent: Bool = false
 
+    // player view controller
+    var playerMap: NSMapTable<NSString, UIViewController> = NSMapTable.strongToWeakObjects()
+
     override init() {
         super.init()
         _ = AppLanguageManager.shared

package/ios/Modules/Shopping/ProductInfoViewConfiguration.swift

@@ -28,14 +28,6 @@ struct ProductInfoViewConfiguration: Codable {
         var isHidden: Bool?
     }
 
-    struct ProductCardConfiguration: Codable {
-        var theme: ProductCardTheme?
-        var ctaButtonText: ProductCardCTAButtonText?
-        var cornerRadius: CGFloat?
-        var priceConfiguration: ProductCardPriceConfiguration?
-        var isCtaButtonHidden: Bool?
-    }
-
     enum ProductCardTheme: String, Codable {
         case light
         case dark
@@ -46,7 +38,48 @@ struct ProductInfoViewConfiguration: Codable {
         case buyNow
     }
 
+    enum ProductCardPriceLabelAxis: String, Codable {
+        case horizontal
+        case vertical
+    }
+
+    struct ProductCardLabelConfiguration: Codable {
+        var textColor: String?
+        var fontSize: Double?
+        var numberOfLines: Int?
+        var iOSFontInfo: FontInfo?
+    }
+
     struct ProductCardPriceConfiguration: Codable {
+        @available(*, deprecated, message: "This property has no effect.")
         var isHidden: Bool?
+        var axis: ProductCardPriceLabelAxis?
+        var priceLabel: ProductCardLabelConfiguration?
+        var originalPriceLabel: ProductCardLabelConfiguration?
+        var isPriceFirst: Bool?
+    }
+
+    struct ProductCardIconConfiguration: Codable {
+        var cornerRadius: CGFloat?
+    }
+
+    struct ProductCardCTAButtonStyle: Codable {
+        var textColor: String?
+        var fontSize: Double?
+        var iOSFontInfo: FontInfo?
+    }
+
+    struct ProductCardConfiguration: Codable {
+        var theme: ProductCardTheme?
+        var cornerRadius: CGFloat?
+        var ctaButtonText: ProductCardCTAButtonText?
+        var isCtaButtonHidden: Bool?
+        var ctaButtonStyle: ProductCardCTAButtonStyle?
+        var priceConfiguration: ProductCardPriceConfiguration?
+        var width: CGFloat?
+        var height: CGFloat?
+        var backgroundColor: String?
+        var iconConfiguration: ProductCardIconConfiguration?
+        var nameLabel: ProductCardLabelConfiguration?
     }
 }

package/ios/Modules/Shopping/ShoppingModule.m

@@ -18,5 +18,7 @@ RCT_EXTERN_METHOD(clearCallbackId:(nonnull NSNumber *)cbId eventName:(nonnull NS
 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)
+RCT_EXTERN_METHOD(pausePlayer:(NSNumber *)callbackId)
+RCT_EXTERN_METHOD(resumePlayer:(NSNumber *)callbackId)
 
 @end

package/ios/Modules/Shopping/ShoppingModule.swift

@@ -21,6 +21,7 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate {
     private var productInfoViewConfiguration: ProductInfoViewConfiguration?
     private var customClickLinkButtonEnabled = false
     private var customTapProductCardEnabled = false
+    private var playerMap: NSMapTable<NSNumber, UIViewController> = NSMapTable.strongToWeakObjects()
 
     override func supportedEvents() -> [String]! {
         ShoppingEventName.allCases.map { $0.rawValue }
@@ -207,6 +208,22 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate {
         shoppingCTAHandlerMap.removeValue(forKey: Int(truncating: cbId))
     }
 
+    @objc(pausePlayer:)
+    func pausePlayer(_ callbackId: NSNumber) {
+        if let playerViewController = playerMap.object(forKey: callbackId),
+           let playerViewController = playerViewController as? PlayerViewController {
+            playerViewController.pause()
+        }
+    }
+
+    @objc(resumePlayer:)
+    func resumePlayer(_ callbackId: NSNumber) {
+        if let playerViewController = playerMap.object(forKey: callbackId),
+           let playerViewController = playerViewController as? PlayerViewController {
+            playerViewController.resume()
+        }
+    }
+
     // MARK: - FireworkVideoShoppingDelegate
     func fireworkShopping(
         _ fireworkShopping: FireworkVideoShopping,
@@ -307,8 +324,14 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate {
         forVideo video: VideoDetails
     ) -> Bool {
         if customTapProductCardEnabled {
+            let callbackId = ShoppingModule.generateCallbackId()
             var body = item.jsObject
             body["video"] = video.jsObject
+            body["callbackId"] = callbackId as NSNumber
+            if let presentedVC = RCTPresentedViewController(),
+               let playerViewController = ShoppingModule.getTopPlayerViewController(presentedVC) {
+                playerMap.setObject(playerViewController, forKey: callbackId as NSNumber)
+            }
             sendEvent(
                 withName: ShoppingEventName.customProductCardTap.rawValue,
                 body: body)
@@ -384,14 +407,136 @@ extension ShoppingModule {
             }
 
             if let priceConfiguration = productCardConfiguration.priceConfiguration {
-                if let isPriceHidden = priceConfiguration.isHidden {
-                    productInfoViewConfigurator.productCardConfiguration.priceConfiguration.isHidden = isPriceHidden
+//                if let isPriceHidden = priceConfiguration.isHidden {
+//                    productInfoViewConfigurator.productCardConfiguration.priceConfiguration.isHidden = isPriceHidden
+//                }
+                if let axis = priceConfiguration.axis {
+                    switch axis {
+                    case .horizontal:
+                        productInfoViewConfigurator.productCardConfiguration.priceConfiguration.axis = .horizontal
+                    case .vertical:
+                        productInfoViewConfigurator.productCardConfiguration.priceConfiguration.axis = .vertical
+                    }
+                }
+
+                if let priceLabel = priceConfiguration.priceLabel {
+                    if let textColor = priceLabel.textColor,
+                       textColor.count > 0,
+                        let color = textColor.uicolor() {
+                    productInfoViewConfigurator.productCardConfiguration.priceConfiguration.priceLabel.textColor = color
+                    }
+                    if let fontSize = priceLabel.fontSize {
+                        let iOSFontInfo = priceLabel.iOSFontInfo ?? FontInfo()
+                        productInfoViewConfigurator
+                            .productCardConfiguration
+                            .priceConfiguration
+                            .priceLabel
+                            .font = iOSFontInfo.getFont(fontSize)
+                    }
+                    if let numberOfLines = priceLabel.numberOfLines {
+                        productInfoViewConfigurator
+                            .productCardConfiguration
+                            .priceConfiguration
+                            .priceLabel
+                            .numberOfLines = numberOfLines
+                    }
+                }
+
+                if let originalPriceLabel = priceConfiguration.originalPriceLabel {
+                    if let textColor = originalPriceLabel.textColor,
+                       textColor.count > 0,
+                        let color = textColor.uicolor() {
+                        productInfoViewConfigurator
+                            .productCardConfiguration
+                            .priceConfiguration
+                            .originalPriceLabel
+                            .textColor = color
+                    }
+                    if let fontSize = originalPriceLabel.fontSize {
+                        let iOSFontInfo = originalPriceLabel.iOSFontInfo ?? FontInfo()
+                        productInfoViewConfigurator
+                            .productCardConfiguration
+                            .priceConfiguration
+                            .originalPriceLabel
+                            .font = iOSFontInfo.getFont(fontSize)
+                    }
+                    if let numberOfLines = originalPriceLabel.numberOfLines {
+                        productInfoViewConfigurator
+                            .productCardConfiguration
+                            .priceConfiguration
+                            .originalPriceLabel
+                            .numberOfLines = numberOfLines
+                    }
+                }
+
+                if let isPriceFirst = priceConfiguration.isPriceFirst {
+                    productInfoViewConfigurator.productCardConfiguration.priceConfiguration.isPriceFirst = isPriceFirst
                 }
             }
 
             if let isCtaButtonHidden = productCardConfiguration.isCtaButtonHidden {
                 productInfoViewConfigurator.productCardConfiguration.ctaConfig.isHidden = isCtaButtonHidden
             }
+
+            if let ctaButtonStyle = productCardConfiguration.ctaButtonStyle {
+                if let textColor = ctaButtonStyle.textColor,
+                   textColor.count > 0,
+                   let color = textColor.uicolor() {
+                    productInfoViewConfigurator.productCardConfiguration.ctaConfig.textColor = color
+                }
+
+                if let fontSize = ctaButtonStyle.fontSize {
+                    let iOSFontInfo = ctaButtonStyle.iOSFontInfo ?? FontInfo()
+                    productInfoViewConfigurator.productCardConfiguration.ctaConfig.font = iOSFontInfo.getFont(fontSize)
+                }
+            }
+
+            if let width = productCardConfiguration.width, let height = productCardConfiguration.height {
+                productInfoViewConfigurator.productCardConfiguration.size = CGSize(
+                    width: width,
+                    height: height
+                )
+            } else if let width = productCardConfiguration.width {
+                let originalSize = productInfoViewConfigurator.productCardConfiguration.size
+                productInfoViewConfigurator.productCardConfiguration.size = CGSize(
+                    width: width,
+                    height: originalSize.height
+                )
+            } else if let height = productCardConfiguration.height {
+                let originalSize = productInfoViewConfigurator.productCardConfiguration.size
+                productInfoViewConfigurator.productCardConfiguration.size = CGSize(
+                    width: originalSize.width,
+                    height: height
+                )
+            }
+
+            if let backgroundColor = productCardConfiguration.backgroundColor,
+               backgroundColor.count > 0,
+               let color = backgroundColor.uicolor() {
+               productInfoViewConfigurator.productCardConfiguration.backgroundColor = color
+            }
+
+            if let iconConfiguration = productCardConfiguration.iconConfiguration {
+                if let cornerRadius = iconConfiguration.cornerRadius {
+                    productInfoViewConfigurator.productCardConfiguration.productIcon.cornerRadius = cornerRadius
+                }
+            }
+
+            if let nameLabel = productCardConfiguration.nameLabel {
+                if let textColor = nameLabel.textColor,
+                   textColor.count > 0,
+                    let color = textColor.uicolor() {
+                    productInfoViewConfigurator.productCardConfiguration.nameLabel.textColor = color
+                }
+                if let fontSize = nameLabel.fontSize {
+                    let iOSFontInfo = nameLabel.iOSFontInfo ?? FontInfo()
+                    productInfoViewConfigurator.productCardConfiguration.nameLabel.font = iOSFontInfo.getFont(fontSize)
+                }
+                if let numberOfLines = nameLabel.numberOfLines {
+                    productInfoViewConfigurator.productCardConfiguration.nameLabel.numberOfLines = numberOfLines
+                }
+            }
+
         }
 
         productInfoViewConfigurator.productDetailsConfiguration = productDetailsConfiguration
@@ -464,4 +609,20 @@ extension ShoppingModule {
         return result
     }
 }
+
+extension ShoppingModule {
+    static func getTopPlayerViewController(_ viewController: UIViewController) -> UIViewController? {
+        if viewController is PlayerViewController {
+            return viewController
+        }
+
+        for childVC in viewController.children {
+            if let result = getTopPlayerViewController(childVC) {
+                return result
+            }
+        }
+
+        return nil
+    }
+}
 // swiftlint:enable file_length type_body_length

package/lib/commonjs/FireworkSDK.js

@@ -218,7 +218,23 @@ class FireworkSDK {
     this.eventEmitter.addListener(_FWEventName.FWEventName.CustomCTAClick, event => {
       _FWLoggerUtil.default.log(`Receive CustomCTAClick url: ${event === null || event === void 0 ? void 0 : event.url}`);
 
+      _FWLoggerUtil.default.log(`Receive CustomCTAClick callbackId: ${event === null || event === void 0 ? void 0 : event.callbackId}`);
+
       if (this.onCustomCTAClick) {
+        if (event) {
+          if (event.callbackId) {
+            const callbackId = event.callbackId;
+            delete event.callbackId;
+
+            if (_reactNative.Platform.OS === 'ios') {
+              event.playerHandler = {
+                pause: () => _FireworkSDKModule.default.pausePlayer(callbackId),
+                resume: () => _FireworkSDKModule.default.resumePlayer(callbackId)
+              };
+            }
+          }
+        }
+
         this.onCustomCTAClick(event !== null && event !== void 0 ? event : {});
       }
     });

package/lib/commonjs/FireworkSDK.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FireworkSDK.ts"],"names":["FireworkSDK","onVideoFeedClick","_onVideoFeedClick","value","Platform","OS","FireworkSDKModule","setVideoFeedClickCallbackEnabled","onCustomCTAClick","_onCustomCTAClick","FWLoggerUtil","log","setCustomCTAClickEnabled","onVideoPlayback","_onVideoPlayback","setVideoPlaybackEventEnabled","shareBaseURL","_shareBaseURL","updateInternalShareBaseURL","setShareBaseURL","adBadgeConfiguration","_adBadgeConfiguration","valueHasChanged","badgeTextType","backgroundColor","textColor","androidFontInfo","isCustom","typefaceName","eventEmitter","emit","FWEventName","AdBadgeConfigurationUpdated","setAdBadgeConfiguration","appLanguage","_appLanguage","debugLogsEnabled","enabled","videoLaunchBehavior","_videoLaunchBehavior","FireworkSDKModuleEventEmitter","shopping","_shopping","liveStream","_liveStream","navigator","_navigator","getInstance","_instance","constructor","VideoShopping","LiveStream","FWNavigator","addListener","SDKInit","event","error","onSDKInit","LogMessage","logNativeMessage","message","CustomCTAClick","url","VideoPlayback","eventName","VideoFeedClick","info","id","NativeAppLanguageUpdated","language","updateInternalAppLanguage","init","options","videoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","ShoppingModule","LiveStreamModule","FWGlobalState","resolveSdkInitCalled","markInitCalled","openVideoPlayer","config","sdkInitCalled","sdkInitCalledPromise","trackPurchase","parameters","changeAppLanguage","result","languageChanged","stopFloatingPlayer","AppLanguageUpdated","shareBaseURLChanged","ShareBaseURLUpdated"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport FWNavigator from './FWNavigator';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport { FWEventName } from './models/FWEventName';\nimport type {\n  CustomCTAClickEvent,\n  SDKInitEvent,\n  VideoFeedClickEvent,\n  VideoPlaybackEvent,\n} from './models/FWEvents';\nimport type SDKInitOptions from './models/SDKInitOptions';\nimport type { VideoLaunchBehavior } from './models/SDKInitOptions';\nimport type TrackPurchaseParameters from './models/TrackPurchaseParameters';\nimport FireworkSDKModule, {\n  FireworkSDKModuleEventEmitter,\n} from './modules/FireworkSDKModule';\nimport LiveStreamModule from './modules/LiveStreamModule';\nimport ShoppingModule from './modules/ShoppingModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\nimport VideoShopping from './VideoShopping';\nimport FWGlobalState from './utils/FWGlobalState';\nimport type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';\n\nexport type SDKInitCallback = (event: SDKInitEvent) => Promise<void> | void;\nexport type CustomCTAClickCallback = (\n  event: CustomCTAClickEvent\n) => Promise<void> | void;\nexport type VideoPlaybackCallback = (\n  event: VideoPlaybackEvent\n) => Promise<void> | void;\nexport type VideoFeedClickCallback = (\n  event: VideoFeedClickEvent\n) => Promise<void> | void;\n\n/**\n * Firework SDK.\n */\nclass FireworkSDK {\n  private static _instance?: FireworkSDK;\n\n  /**\n   * The callback of SDK initialization.\n   */\n  public onSDKInit?: SDKInitCallback;\n\n  /**\n   * the callback of clicking Video Feed.\n   */\n  public get onVideoFeedClick(): VideoFeedClickCallback | undefined {\n    return this._onVideoFeedClick;\n  }\n  public set onVideoFeedClick(value: VideoFeedClickCallback | undefined) {\n    this._onVideoFeedClick = value;\n    if (Platform.OS === 'ios') {\n      FireworkSDKModule.setVideoFeedClickCallbackEnabled(!!value);\n    }\n  }\n  private _onVideoFeedClick?: VideoFeedClickCallback | undefined;\n\n  /**\n   * The callback of clicking custom CTA.\n   */\n  public get onCustomCTAClick(): CustomCTAClickCallback | undefined {\n    return this._onCustomCTAClick;\n  }\n  public set onCustomCTAClick(value: CustomCTAClickCallback | undefined) {\n    FWLoggerUtil.log(`Set onCustomCTAClick callback ${!!value}`);\n    this._onCustomCTAClick = value;\n    FireworkSDKModule.setCustomCTAClickEnabled(value ? true : false);\n  }\n  private _onCustomCTAClick: CustomCTAClickCallback | undefined;\n\n  /**\n   * The callback of video playback.\n   */\n  public get onVideoPlayback(): VideoPlaybackCallback | undefined {\n    return this._onVideoPlayback;\n  }\n  public set onVideoPlayback(value: VideoPlaybackCallback | undefined) {\n    this._onVideoPlayback = value;\n    FireworkSDKModule.setVideoPlaybackEventEnabled(value ? true : false);\n  }\n  private _onVideoPlayback?: VideoPlaybackCallback | undefined;\n\n  /**\n   * The global share base URL of the video.\n   * The {@link VideoPlayerConfiguration.shareBaseURL} in {@link VideoPlayerConfiguration} will override this.\n   */\n  public get shareBaseURL(): string | undefined {\n    return this._shareBaseURL;\n  }\n  public set shareBaseURL(value: string | undefined) {\n    this.updateInternalShareBaseURL(value);\n    FireworkSDKModule.setShareBaseURL(value ?? '');\n  }\n  private _shareBaseURL: string | undefined;\n\n  /**\n   * The configuration for ad badges.\n   */\n  public get adBadgeConfiguration(): AdBadgeConfiguration | undefined {\n    return this._adBadgeConfiguration;\n  }\n  public set adBadgeConfiguration(value: AdBadgeConfiguration | undefined) {\n    const valueHasChanged =\n      this._adBadgeConfiguration?.badgeTextType !== value?.badgeTextType ||\n      this._adBadgeConfiguration?.backgroundColor !== value?.backgroundColor ||\n      this._adBadgeConfiguration?.textColor !== value?.textColor ||\n      this._adBadgeConfiguration?.androidFontInfo?.isCustom !==\n        value?.androidFontInfo?.isCustom ||\n      this._adBadgeConfiguration?.androidFontInfo?.typefaceName !==\n        value?.androidFontInfo?.typefaceName;\n    this._adBadgeConfiguration = value;\n    if (valueHasChanged) {\n      this.eventEmitter.emit(FWEventName.AdBadgeConfigurationUpdated);\n    }\n    FireworkSDKModule.setAdBadgeConfiguration(value ?? {});\n  }\n  private _adBadgeConfiguration: AdBadgeConfiguration | undefined;\n\n  public get appLanguage(): string | undefined | null {\n    return this._appLanguage;\n  }\n  private _appLanguage: string | undefined | null;\n\n  /**\n   * Defaults to false.\n   * You can enable debug logs by setting this property to true.\n   */\n  public get debugLogsEnabled(): boolean {\n    return FWLoggerUtil.enabled;\n  }\n  public set debugLogsEnabled(value: boolean) {\n    FWLoggerUtil.enabled = value;\n  }\n\n  /**\n   * Get video launch behavior.\n   */\n  public get videoLaunchBehavior(): VideoLaunchBehavior | undefined {\n    return this._videoLaunchBehavior;\n  }\n  private _videoLaunchBehavior: VideoLaunchBehavior | undefined;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return FireworkSDKModuleEventEmitter;\n  }\n\n  /**\n   * Get VideoShopping object.\n   */\n  public get shopping(): VideoShopping {\n    return this._shopping;\n  }\n  private _shopping: VideoShopping = VideoShopping.getInstance();\n\n  /**\n   * Get LiveStream object.\n   */\n  public get liveStream(): LiveStream {\n    return this._liveStream;\n  }\n  private _liveStream: LiveStream = LiveStream.getInstance();\n\n  /**\n   * Get FWNavigator object.\n   */\n  public get navigator(): FWNavigator {\n    return this._navigator;\n  }\n  private _navigator: FWNavigator = FWNavigator.getInstance();\n\n  /**\n   * Get global single instance of FireworkSDK class.\n   * @returns FireworkSDK\n   */\n  public static getInstance() {\n    if (!FireworkSDK._instance) {\n      FireworkSDK._instance = new FireworkSDK();\n    }\n\n    return FireworkSDK._instance!;\n  }\n\n  private constructor() {\n    FWLoggerUtil.log('FireworkSDK constructor');\n\n    this.eventEmitter.addListener(FWEventName.SDKInit, (event) => {\n      FWLoggerUtil.log(`Receive SDKInit event ${event?.error}`);\n\n      if (this.onSDKInit) {\n        this.onSDKInit(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.LogMessage, (event) => {\n      FWLoggerUtil.logNativeMessage(event.message);\n    });\n\n    this.eventEmitter.addListener(FWEventName.CustomCTAClick, (event) => {\n      FWLoggerUtil.log(`Receive CustomCTAClick url: ${event?.url}`);\n\n      if (this.onCustomCTAClick) {\n        this.onCustomCTAClick(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.VideoPlayback, (event) => {\n      FWLoggerUtil.log(\n        `Receive VideoPlayback event eventName: ${event?.eventName}`\n      );\n\n      if (this.onVideoPlayback) {\n        this.onVideoPlayback(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.VideoFeedClick, (event) => {\n      FWLoggerUtil.log(`Receive VideoFeedClick event id: ${event?.info.id}`);\n\n      if (this.onVideoFeedClick) {\n        this.onVideoFeedClick(event ?? {});\n      }\n    });\n\n    if (Platform.OS === 'ios') {\n      this.eventEmitter.addListener(\n        FWEventName.NativeAppLanguageUpdated,\n        (event) => {\n          FWLoggerUtil.log(\n            `Receive NativeAppLanguageUpdated event appLanguage: ${event.appLanguage}`\n          );\n          const language = event.appLanguage;\n          this.updateInternalAppLanguage(language);\n        }\n      );\n    }\n  }\n\n  /**\n   * Initializes Firework SDK.\n   * @param {SDKInitOptions?} options\n   */\n  public async init(options?: SDKInitOptions): Promise<void> {\n    FWLoggerUtil.log('Call FireworkSDK init method');\n    const videoLaunchBehaviorUpdated =\n      this._videoLaunchBehavior !== options?.videoLaunchBehavior;\n    this._videoLaunchBehavior = options?.videoLaunchBehavior;\n    if (videoLaunchBehaviorUpdated) {\n      this.eventEmitter.emit(FWEventName.VideoLaunchBehaviorUpdated);\n    }\n    await FireworkSDKModule.init(options);\n    await ShoppingModule.init();\n    await LiveStreamModule.init();\n\n    FWGlobalState.getInstance().resolveSdkInitCalled();\n  }\n\n  /**\n   * You only need to call this method when you call init method in native side instead of JS side.\n   */\n  public async markInitCalled(): Promise<void> {\n    FWGlobalState.getInstance().resolveSdkInitCalled();\n  }\n\n  /**\n   * Open Video URL.\n   * @param {string} url\n   * @param {VideoPlayerConfiguration} config\n   */\n  public async openVideoPlayer(\n    url: string,\n    config?: OpenVideoPlayerConfiguration\n  ): Promise<void> {\n    if (!FWGlobalState.getInstance().sdkInitCalled) {\n      await FWGlobalState.getInstance().sdkInitCalledPromise;\n    }\n    FireworkSDKModule.openVideoPlayer(url, config ?? {});\n  }\n\n  /**\n   * Records the user purchase. Only supported on iOS.\n   * @param {TrackPurchaseParameters} parameters\n   */\n  public async trackPurchase(\n    parameters: TrackPurchaseParameters\n  ): Promise<void> {\n    if (Platform.OS === 'ios') {\n      if (!FWGlobalState.getInstance().sdkInitCalled) {\n        await FWGlobalState.getInstance().sdkInitCalledPromise;\n      }\n      FireworkSDKModule.trackPurchase(parameters);\n    }\n  }\n\n  /**\n   * Change App level language.\n   * @param {string | undefined | null} language Such as en, ar and en-US. If language is undefined or null or empty string, SDK will use system language.\n   * @returns {Promise<boolean>} The result of changing app language.\n   */\n  public async changeAppLanguage(language?: string | null): Promise<boolean> {\n    if (!FWGlobalState.getInstance().sdkInitCalled) {\n      await FWGlobalState.getInstance().sdkInitCalledPromise;\n    }\n\n    const result = await FireworkSDKModule.changeAppLanguage(language);\n\n    if (result) {\n      const languageChanged = this._appLanguage !== language;\n      if (Platform.OS === 'ios' && languageChanged) {\n        await this.navigator.stopFloatingPlayer();\n      }\n      this.updateInternalAppLanguage(language);\n    }\n    return result;\n  }\n\n  private updateInternalAppLanguage(language?: string | null) {\n    const valueHasChanged = this._appLanguage !== language;\n    this._appLanguage = language;\n    if (valueHasChanged) {\n      this.eventEmitter.emit(FWEventName.AppLanguageUpdated);\n    }\n  }\n\n  private updateInternalShareBaseURL(shareBaseURL?: string) {\n    const shareBaseURLChanged = this._shareBaseURL !== shareBaseURL;\n    this._shareBaseURL = shareBaseURL;\n    if (shareBaseURLChanged) {\n      this.eventEmitter.emit(FWEventName.ShareBaseURLUpdated);\n    }\n  }\n}\n\nexport default FireworkSDK;\n"]}
+{"version":3,"sources":["FireworkSDK.ts"],"names":["FireworkSDK","onVideoFeedClick","_onVideoFeedClick","value","Platform","OS","FireworkSDKModule","setVideoFeedClickCallbackEnabled","onCustomCTAClick","_onCustomCTAClick","FWLoggerUtil","log","setCustomCTAClickEnabled","onVideoPlayback","_onVideoPlayback","setVideoPlaybackEventEnabled","shareBaseURL","_shareBaseURL","updateInternalShareBaseURL","setShareBaseURL","adBadgeConfiguration","_adBadgeConfiguration","valueHasChanged","badgeTextType","backgroundColor","textColor","androidFontInfo","isCustom","typefaceName","eventEmitter","emit","FWEventName","AdBadgeConfigurationUpdated","setAdBadgeConfiguration","appLanguage","_appLanguage","debugLogsEnabled","enabled","videoLaunchBehavior","_videoLaunchBehavior","FireworkSDKModuleEventEmitter","shopping","_shopping","liveStream","_liveStream","navigator","_navigator","getInstance","_instance","constructor","VideoShopping","LiveStream","FWNavigator","addListener","SDKInit","event","error","onSDKInit","LogMessage","logNativeMessage","message","CustomCTAClick","url","callbackId","playerHandler","pause","pausePlayer","resume","resumePlayer","VideoPlayback","eventName","VideoFeedClick","info","id","NativeAppLanguageUpdated","language","updateInternalAppLanguage","init","options","videoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","ShoppingModule","LiveStreamModule","FWGlobalState","resolveSdkInitCalled","markInitCalled","openVideoPlayer","config","sdkInitCalled","sdkInitCalledPromise","trackPurchase","parameters","changeAppLanguage","result","languageChanged","stopFloatingPlayer","AppLanguageUpdated","shareBaseURLChanged","ShareBaseURLUpdated"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport FWNavigator from './FWNavigator';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport { FWEventName } from './models/FWEventName';\nimport type {\n  CustomCTAClickEvent,\n  SDKInitEvent,\n  VideoFeedClickEvent,\n  VideoPlaybackEvent,\n} from './models/FWEvents';\nimport type SDKInitOptions from './models/SDKInitOptions';\nimport type { VideoLaunchBehavior } from './models/SDKInitOptions';\nimport type TrackPurchaseParameters from './models/TrackPurchaseParameters';\nimport FireworkSDKModule, {\n  FireworkSDKModuleEventEmitter,\n} from './modules/FireworkSDKModule';\nimport LiveStreamModule from './modules/LiveStreamModule';\nimport ShoppingModule from './modules/ShoppingModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\nimport VideoShopping from './VideoShopping';\nimport FWGlobalState from './utils/FWGlobalState';\nimport type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';\n\nexport type SDKInitCallback = (event: SDKInitEvent) => Promise<void> | void;\nexport type CustomCTAClickCallback = (\n  event: CustomCTAClickEvent\n) => Promise<void> | void;\nexport type VideoPlaybackCallback = (\n  event: VideoPlaybackEvent\n) => Promise<void> | void;\nexport type VideoFeedClickCallback = (\n  event: VideoFeedClickEvent\n) => Promise<void> | void;\n\n/**\n * Firework SDK.\n */\nclass FireworkSDK {\n  private static _instance?: FireworkSDK;\n\n  /**\n   * The callback of SDK initialization.\n   */\n  public onSDKInit?: SDKInitCallback;\n\n  /**\n   * the callback of clicking Video Feed.\n   */\n  public get onVideoFeedClick(): VideoFeedClickCallback | undefined {\n    return this._onVideoFeedClick;\n  }\n  public set onVideoFeedClick(value: VideoFeedClickCallback | undefined) {\n    this._onVideoFeedClick = value;\n    if (Platform.OS === 'ios') {\n      FireworkSDKModule.setVideoFeedClickCallbackEnabled(!!value);\n    }\n  }\n  private _onVideoFeedClick?: VideoFeedClickCallback | undefined;\n\n  /**\n   * The callback of clicking custom CTA.\n   */\n  public get onCustomCTAClick(): CustomCTAClickCallback | undefined {\n    return this._onCustomCTAClick;\n  }\n  public set onCustomCTAClick(value: CustomCTAClickCallback | undefined) {\n    FWLoggerUtil.log(`Set onCustomCTAClick callback ${!!value}`);\n    this._onCustomCTAClick = value;\n    FireworkSDKModule.setCustomCTAClickEnabled(value ? true : false);\n  }\n  private _onCustomCTAClick: CustomCTAClickCallback | undefined;\n\n  /**\n   * The callback of video playback.\n   */\n  public get onVideoPlayback(): VideoPlaybackCallback | undefined {\n    return this._onVideoPlayback;\n  }\n  public set onVideoPlayback(value: VideoPlaybackCallback | undefined) {\n    this._onVideoPlayback = value;\n    FireworkSDKModule.setVideoPlaybackEventEnabled(value ? true : false);\n  }\n  private _onVideoPlayback?: VideoPlaybackCallback | undefined;\n\n  /**\n   * The global share base URL of the video.\n   * The {@link VideoPlayerConfiguration.shareBaseURL} in {@link VideoPlayerConfiguration} will override this.\n   */\n  public get shareBaseURL(): string | undefined {\n    return this._shareBaseURL;\n  }\n  public set shareBaseURL(value: string | undefined) {\n    this.updateInternalShareBaseURL(value);\n    FireworkSDKModule.setShareBaseURL(value ?? '');\n  }\n  private _shareBaseURL: string | undefined;\n\n  /**\n   * The configuration for ad badges.\n   */\n  public get adBadgeConfiguration(): AdBadgeConfiguration | undefined {\n    return this._adBadgeConfiguration;\n  }\n  public set adBadgeConfiguration(value: AdBadgeConfiguration | undefined) {\n    const valueHasChanged =\n      this._adBadgeConfiguration?.badgeTextType !== value?.badgeTextType ||\n      this._adBadgeConfiguration?.backgroundColor !== value?.backgroundColor ||\n      this._adBadgeConfiguration?.textColor !== value?.textColor ||\n      this._adBadgeConfiguration?.androidFontInfo?.isCustom !==\n        value?.androidFontInfo?.isCustom ||\n      this._adBadgeConfiguration?.androidFontInfo?.typefaceName !==\n        value?.androidFontInfo?.typefaceName;\n    this._adBadgeConfiguration = value;\n    if (valueHasChanged) {\n      this.eventEmitter.emit(FWEventName.AdBadgeConfigurationUpdated);\n    }\n    FireworkSDKModule.setAdBadgeConfiguration(value ?? {});\n  }\n  private _adBadgeConfiguration: AdBadgeConfiguration | undefined;\n\n  public get appLanguage(): string | undefined | null {\n    return this._appLanguage;\n  }\n  private _appLanguage: string | undefined | null;\n\n  /**\n   * Defaults to false.\n   * You can enable debug logs by setting this property to true.\n   */\n  public get debugLogsEnabled(): boolean {\n    return FWLoggerUtil.enabled;\n  }\n  public set debugLogsEnabled(value: boolean) {\n    FWLoggerUtil.enabled = value;\n  }\n\n  /**\n   * Get video launch behavior.\n   */\n  public get videoLaunchBehavior(): VideoLaunchBehavior | undefined {\n    return this._videoLaunchBehavior;\n  }\n  private _videoLaunchBehavior: VideoLaunchBehavior | undefined;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return FireworkSDKModuleEventEmitter;\n  }\n\n  /**\n   * Get VideoShopping object.\n   */\n  public get shopping(): VideoShopping {\n    return this._shopping;\n  }\n  private _shopping: VideoShopping = VideoShopping.getInstance();\n\n  /**\n   * Get LiveStream object.\n   */\n  public get liveStream(): LiveStream {\n    return this._liveStream;\n  }\n  private _liveStream: LiveStream = LiveStream.getInstance();\n\n  /**\n   * Get FWNavigator object.\n   */\n  public get navigator(): FWNavigator {\n    return this._navigator;\n  }\n  private _navigator: FWNavigator = FWNavigator.getInstance();\n\n  /**\n   * Get global single instance of FireworkSDK class.\n   * @returns FireworkSDK\n   */\n  public static getInstance() {\n    if (!FireworkSDK._instance) {\n      FireworkSDK._instance = new FireworkSDK();\n    }\n\n    return FireworkSDK._instance!;\n  }\n\n  private constructor() {\n    FWLoggerUtil.log('FireworkSDK constructor');\n\n    this.eventEmitter.addListener(FWEventName.SDKInit, (event) => {\n      FWLoggerUtil.log(`Receive SDKInit event ${event?.error}`);\n\n      if (this.onSDKInit) {\n        this.onSDKInit(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.LogMessage, (event) => {\n      FWLoggerUtil.logNativeMessage(event.message);\n    });\n\n    this.eventEmitter.addListener(FWEventName.CustomCTAClick, (event) => {\n      FWLoggerUtil.log(`Receive CustomCTAClick url: ${event?.url}`);\n      FWLoggerUtil.log(\n        `Receive CustomCTAClick callbackId: ${event?.callbackId}`\n      );\n\n      if (this.onCustomCTAClick) {\n        if (event) {\n          if (event.callbackId) {\n            const callbackId = event.callbackId;\n            delete event.callbackId;\n            if (Platform.OS === 'ios') {\n              event.playerHandler = {\n                pause: () => FireworkSDKModule.pausePlayer(callbackId),\n                resume: () => FireworkSDKModule.resumePlayer(callbackId),\n              };\n            }\n          }\n        }\n\n        this.onCustomCTAClick(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.VideoPlayback, (event) => {\n      FWLoggerUtil.log(\n        `Receive VideoPlayback event eventName: ${event?.eventName}`\n      );\n\n      if (this.onVideoPlayback) {\n        this.onVideoPlayback(event ?? {});\n      }\n    });\n\n    this.eventEmitter.addListener(FWEventName.VideoFeedClick, (event) => {\n      FWLoggerUtil.log(`Receive VideoFeedClick event id: ${event?.info.id}`);\n\n      if (this.onVideoFeedClick) {\n        this.onVideoFeedClick(event ?? {});\n      }\n    });\n\n    if (Platform.OS === 'ios') {\n      this.eventEmitter.addListener(\n        FWEventName.NativeAppLanguageUpdated,\n        (event) => {\n          FWLoggerUtil.log(\n            `Receive NativeAppLanguageUpdated event appLanguage: ${event.appLanguage}`\n          );\n          const language = event.appLanguage;\n          this.updateInternalAppLanguage(language);\n        }\n      );\n    }\n  }\n\n  /**\n   * Initializes Firework SDK.\n   * @param {SDKInitOptions?} options\n   */\n  public async init(options?: SDKInitOptions): Promise<void> {\n    FWLoggerUtil.log('Call FireworkSDK init method');\n    const videoLaunchBehaviorUpdated =\n      this._videoLaunchBehavior !== options?.videoLaunchBehavior;\n    this._videoLaunchBehavior = options?.videoLaunchBehavior;\n    if (videoLaunchBehaviorUpdated) {\n      this.eventEmitter.emit(FWEventName.VideoLaunchBehaviorUpdated);\n    }\n    await FireworkSDKModule.init(options);\n    await ShoppingModule.init();\n    await LiveStreamModule.init();\n\n    FWGlobalState.getInstance().resolveSdkInitCalled();\n  }\n\n  /**\n   * You only need to call this method when you call init method in native side instead of JS side.\n   */\n  public async markInitCalled(): Promise<void> {\n    FWGlobalState.getInstance().resolveSdkInitCalled();\n  }\n\n  /**\n   * Open Video URL.\n   * @param {string} url\n   * @param {VideoPlayerConfiguration} config\n   */\n  public async openVideoPlayer(\n    url: string,\n    config?: OpenVideoPlayerConfiguration\n  ): Promise<void> {\n    if (!FWGlobalState.getInstance().sdkInitCalled) {\n      await FWGlobalState.getInstance().sdkInitCalledPromise;\n    }\n    FireworkSDKModule.openVideoPlayer(url, config ?? {});\n  }\n\n  /**\n   * Records the user purchase. Only supported on iOS.\n   * @param {TrackPurchaseParameters} parameters\n   */\n  public async trackPurchase(\n    parameters: TrackPurchaseParameters\n  ): Promise<void> {\n    if (Platform.OS === 'ios') {\n      if (!FWGlobalState.getInstance().sdkInitCalled) {\n        await FWGlobalState.getInstance().sdkInitCalledPromise;\n      }\n      FireworkSDKModule.trackPurchase(parameters);\n    }\n  }\n\n  /**\n   * Change App level language.\n   * @param {string | undefined | null} language Such as en, ar and en-US. If language is undefined or null or empty string, SDK will use system language.\n   * @returns {Promise<boolean>} The result of changing app language.\n   */\n  public async changeAppLanguage(language?: string | null): Promise<boolean> {\n    if (!FWGlobalState.getInstance().sdkInitCalled) {\n      await FWGlobalState.getInstance().sdkInitCalledPromise;\n    }\n\n    const result = await FireworkSDKModule.changeAppLanguage(language);\n\n    if (result) {\n      const languageChanged = this._appLanguage !== language;\n      if (Platform.OS === 'ios' && languageChanged) {\n        await this.navigator.stopFloatingPlayer();\n      }\n      this.updateInternalAppLanguage(language);\n    }\n    return result;\n  }\n\n  private updateInternalAppLanguage(language?: string | null) {\n    const valueHasChanged = this._appLanguage !== language;\n    this._appLanguage = language;\n    if (valueHasChanged) {\n      this.eventEmitter.emit(FWEventName.AppLanguageUpdated);\n    }\n  }\n\n  private updateInternalShareBaseURL(shareBaseURL?: string) {\n    const shareBaseURLChanged = this._shareBaseURL !== shareBaseURL;\n    this._shareBaseURL = shareBaseURL;\n    if (shareBaseURLChanged) {\n      this.eventEmitter.emit(FWEventName.ShareBaseURLUpdated);\n    }\n  }\n}\n\nexport default FireworkSDK;\n"]}

package/lib/commonjs/VideoShopping.js

@@ -174,7 +174,27 @@ class VideoShopping {
     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);
+      if (event) {
+        if (!event.video) {
+          event.video = {
+            videoId: ''
+          };
+        }
+
+        if (event.callbackId) {
+          const callbackId = event.callbackId;
+          delete event.callbackId;
+
+          if (_reactNative.Platform.OS === 'ios') {
+            event.playerHandler = {
+              pause: () => _ShoppingModule.default.pausePlayer(callbackId),
+              resume: () => _ShoppingModule.default.resumePlayer(callbackId)
+            };
+          }
+        }
+      }
+
+      this.handleCustomProductCardTapEvent(event !== null && event !== void 0 ? event : {});
     });
   }
   /**

package/lib/commonjs/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","onCustomClickLinkButton","_onCustomClickLinkButton","value","ShoppingModule","setCustomClickLinkButtonEnabled","onCustomTapProductCard","_onCustomTapProductCard","Platform","OS","setCustomTapProductCardEnabled","cartIconVisible","_cartIconVisible","FWGlobalState","getInstance","sdkInitCalled","setCartIconVisible","sdkInitCalledPromise","then","productInfoViewConfiguration","_productInfoViewConfiguration","setProductInfoViewConfiguration","eventEmitter","ShoppingModuleEventEmitter","FWLoggerUtil","log","_instance","constructor","addListener","FWEventName","ShoppingCTAButtonClick","event","productId","unitId","url","handleShoppingCTAEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","LogMessage","CustomLinkButtonClick","handleCustomLinkButtonClickEvent","CustomProductCardTap","handleCustomProductCardTapEvent","setCartItemCount","count","callbackId","onShoppingCTA","result","updateShoppingCTAResult","clearCallbackId","onCustomClickCartIcon","onUpdateProductDetails","productList","map","product","length","updateVideoProducts"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport { FWEventName } from './models/FWEventName';\nimport type {\n  CustomClickLinkButtonEvent,\n  CustomTapProductCardEvent,\n  ShoppingCTAEvent,\n  UpdateProductDetailsEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\nimport type ShoppingCTAResult from './models/ShoppingCTAResult';\nimport FWGlobalState from './utils/FWGlobalState';\n\nexport type ShoppingCTACallback = (\n  event: ShoppingCTAEvent\n) => Promise<ShoppingCTAResult> | ShoppingCTAResult;\n\nexport type CustomClickCartIconCallback = () => Promise<void> | void;\n\nexport type UpdateProductDetailsCallbackResult = Product[] | undefined | null;\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) =>\n  | Promise<UpdateProductDetailsCallbackResult>\n  | UpdateProductDetailsCallbackResult;\n\nexport type CustomClickLinkButtonCallback = (\n  event: CustomClickLinkButtonEvent\n) => Promise<void> | void;\n\nexport type CustomTapProductCardCallback = (\n  event: CustomTapProductCardEvent\n) => Promise<void> | void;\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\" or \"Shop now\" button.\n   * The host app can return a ShoppingCTAResult object to tell SDK how to handle the result.\n   */\n  public onShoppingCTA?: ShoppingCTACallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can customize the click event processing logic of\n   * the shopping cart icon by setting the callback.\n   */\n  public 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 user clicks\n   * the link button next to Add to cart button.\n   *\n   * The host app can customize the click event processing logic of\n   * the link button by setting the callback.\n   */\n  public get onCustomClickLinkButton():\n    | CustomClickLinkButtonCallback\n    | undefined {\n    return this._onCustomClickLinkButton;\n  }\n  public set onCustomClickLinkButton(\n    value: CustomClickLinkButtonCallback | undefined\n  ) {\n    this._onCustomClickLinkButton = value;\n    ShoppingModule.setCustomClickLinkButtonEnabled(!!value);\n  }\n  private _onCustomClickLinkButton?: CustomClickLinkButtonCallback | undefined;\n\n  /**\n   * This callback is triggered when the user clicks product card.\n   * Only supported on iOS.\n   *\n   * The host app can customize the tap event processing logic of\n   * the product card by setting the callback.\n   */\n  public get onCustomTapProductCard():\n    | CustomTapProductCardCallback\n    | undefined {\n    return this._onCustomTapProductCard;\n  }\n  public set onCustomTapProductCard(\n    value: CustomTapProductCardCallback | undefined\n  ) {\n    this._onCustomTapProductCard = value;\n    if (Platform.OS === 'ios') {\n      ShoppingModule.setCustomTapProductCardEnabled(!!value);\n    }\n  }\n  private _onCustomTapProductCard?: CustomTapProductCardCallback | undefined;\n\n  /**\n   * Defaults to true.\n   * 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    if (FWGlobalState.getInstance().sdkInitCalled) {\n      ShoppingModule.setCartIconVisible(value);\n    } else {\n      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n        ShoppingModule.setCartIconVisible(value);\n      });\n    }\n  }\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * The configuration of product info view.\n   * Please refer to {@link ProductInfoViewConfiguration} for more details.\n   */\n  public get productInfoViewConfiguration():\n    | ProductInfoViewConfiguration\n    | undefined {\n    return this._productInfoViewConfiguration;\n  }\n\n  public set productInfoViewConfiguration(\n    value: ProductInfoViewConfiguration | undefined\n  ) {\n    this._productInfoViewConfiguration = value;\n    if (FWGlobalState.getInstance().sdkInitCalled) {\n      ShoppingModule.setProductInfoViewConfiguration(value ?? {});\n    } else {\n      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n        ShoppingModule.setProductInfoViewConfiguration(value ?? {});\n      });\n    }\n  }\n\n  private _productInfoViewConfiguration?:\n    | ProductInfoViewConfiguration\n    | undefined;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return ShoppingModuleEventEmitter;\n  }\n\n  public static getInstance() {\n    FWLoggerUtil.log('VideoShopping constructor');\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter.addListener(\n      FWEventName.ShoppingCTAButtonClick,\n      (event) => {\n        FWLoggerUtil.log(\n          `Receive ShoppingCTA event productId: ${event?.productId} unitId: ${event?.unitId} url: ${event?.url}`\n        );\n        this.handleShoppingCTAEvent(event);\n      }\n    );\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, () => {\n      FWLoggerUtil.log('Receive ClickCartIcon event');\n      this.handleClickCartIconEvent();\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      FWLoggerUtil.log(\n        `Receive UpdateProductDetails event productIds: ${event?.productIds}`\n      );\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.LogMessage, () => {});\n\n    this.eventEmitter.addListener(\n      FWEventName.CustomLinkButtonClick,\n      (event) => {\n        FWLoggerUtil.log(\n          `Receive CustomLinkButtonClick event url: ${event?.url}`\n        );\n        this.handleCustomLinkButtonClickEvent(event);\n      }\n    );\n\n    this.eventEmitter.addListener(FWEventName.CustomProductCardTap, (event) => {\n      FWLoggerUtil.log(`Receive CustomProductCardTap event url: ${event?.url}`);\n      this.handleCustomProductCardTapEvent(event);\n    });\n  }\n\n  /**\n   *\n   * @param {number} count The number of items in the host app cart.\n   * The count should be greater than or equal to 0.\n   * We just use count to show or hide red indicator on the cart icon.\n   * If cound > 0, we will show the red indicator on the cart icon.\n   * Otherwise, we will hide the red indicator on the cart icon.\n   */\n  public async setCartItemCount(count: number): Promise<void> {\n    if (!FWGlobalState.getInstance().sdkInitCalled) {\n      await FWGlobalState.getInstance().sdkInitCalledPromise;\n    }\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleShoppingCTAEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n\n    if (this.onShoppingCTA) {\n      const result = await this.onShoppingCTA(event as ShoppingCTAEvent);\n      if (callbackId) {\n        ShoppingModule.updateShoppingCTAResult(result, callbackId);\n      }\n    } else {\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.clearCallbackId(\n            callbackId,\n            FWEventName.ShoppingCTAButtonClick\n          );\n        }\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent() {\n    if (this.onCustomClickCartIcon) {\n      this.onCustomClickCartIcon();\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n    if (this.onUpdateProductDetails) {\n      FWLoggerUtil.log(\n        `Call onUpdateProductDetails callback productIds: ${event.productIds} callbackId: ${callbackId}`\n      );\n      const productList = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n\n      const productIds = (productList || []).map(\n        (product) => product.productId ?? ''\n      );\n\n      FWLoggerUtil.log(\n        `Get result from onUpdateProductDetails callback productIds: ${productIds} productListLength: ${\n          (productList || []).length\n        }`\n      );\n\n      if (productList) {\n        if (callbackId) {\n          ShoppingModule.updateVideoProducts(productList, callbackId);\n        }\n      } else {\n        if (callbackId) {\n          if (Platform.OS === 'ios') {\n            ShoppingModule.clearCallbackId(\n              callbackId,\n              FWEventName.UpdateProductDetails\n            );\n          }\n        }\n      }\n    } else {\n      FWLoggerUtil.log('onUpdateProductDetails callback is not set.');\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.clearCallbackId(\n            callbackId,\n            FWEventName.UpdateProductDetails\n          );\n        }\n      }\n    }\n  }\n\n  private async handleCustomLinkButtonClickEvent(\n    event: CustomClickLinkButtonEvent\n  ) {\n    if (this.onCustomClickLinkButton) {\n      this.onCustomClickLinkButton(event);\n    }\n  }\n\n  private async handleCustomProductCardTapEvent(\n    event: CustomTapProductCardEvent\n  ) {\n    if (this.onCustomTapProductCard) {\n      this.onCustomTapProductCard(event);\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","onCustomClickLinkButton","_onCustomClickLinkButton","value","ShoppingModule","setCustomClickLinkButtonEnabled","onCustomTapProductCard","_onCustomTapProductCard","Platform","OS","setCustomTapProductCardEnabled","cartIconVisible","_cartIconVisible","FWGlobalState","getInstance","sdkInitCalled","setCartIconVisible","sdkInitCalledPromise","then","productInfoViewConfiguration","_productInfoViewConfiguration","setProductInfoViewConfiguration","eventEmitter","ShoppingModuleEventEmitter","FWLoggerUtil","log","_instance","constructor","addListener","FWEventName","ShoppingCTAButtonClick","event","productId","unitId","url","handleShoppingCTAEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","LogMessage","CustomLinkButtonClick","handleCustomLinkButtonClickEvent","CustomProductCardTap","video","videoId","callbackId","playerHandler","pause","pausePlayer","resume","resumePlayer","handleCustomProductCardTapEvent","setCartItemCount","count","onShoppingCTA","result","updateShoppingCTAResult","clearCallbackId","onCustomClickCartIcon","onUpdateProductDetails","productList","map","product","length","updateVideoProducts"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport { FWEventName } from './models/FWEventName';\nimport type {\n  CustomClickLinkButtonEvent,\n  CustomTapProductCardEvent,\n  ShoppingCTAEvent,\n  UpdateProductDetailsEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\nimport type ShoppingCTAResult from './models/ShoppingCTAResult';\nimport FWGlobalState from './utils/FWGlobalState';\n\nexport type ShoppingCTACallback = (\n  event: ShoppingCTAEvent\n) => Promise<ShoppingCTAResult> | ShoppingCTAResult;\n\nexport type CustomClickCartIconCallback = () => Promise<void> | void;\n\nexport type UpdateProductDetailsCallbackResult = Product[] | undefined | null;\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) =>\n  | Promise<UpdateProductDetailsCallbackResult>\n  | UpdateProductDetailsCallbackResult;\n\nexport type CustomClickLinkButtonCallback = (\n  event: CustomClickLinkButtonEvent\n) => Promise<void> | void;\n\nexport type CustomTapProductCardCallback = (\n  event: CustomTapProductCardEvent\n) => Promise<void> | void;\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\" or \"Shop now\" button.\n   * The host app can return a ShoppingCTAResult object to tell SDK how to handle the result.\n   */\n  public onShoppingCTA?: ShoppingCTACallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can customize the click event processing logic of\n   * the shopping cart icon by setting the callback.\n   */\n  public 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 user clicks\n   * the link button next to Add to cart button.\n   *\n   * The host app can customize the click event processing logic of\n   * the link button by setting the callback.\n   */\n  public get onCustomClickLinkButton():\n    | CustomClickLinkButtonCallback\n    | undefined {\n    return this._onCustomClickLinkButton;\n  }\n  public set onCustomClickLinkButton(\n    value: CustomClickLinkButtonCallback | undefined\n  ) {\n    this._onCustomClickLinkButton = value;\n    ShoppingModule.setCustomClickLinkButtonEnabled(!!value);\n  }\n  private _onCustomClickLinkButton?: CustomClickLinkButtonCallback | undefined;\n\n  /**\n   * This callback is triggered when the user clicks product card.\n   * Only supported on iOS.\n   *\n   * The host app can customize the tap event processing logic of\n   * the product card by setting the callback.\n   */\n  public get onCustomTapProductCard():\n    | CustomTapProductCardCallback\n    | undefined {\n    return this._onCustomTapProductCard;\n  }\n  public set onCustomTapProductCard(\n    value: CustomTapProductCardCallback | undefined\n  ) {\n    this._onCustomTapProductCard = value;\n    if (Platform.OS === 'ios') {\n      ShoppingModule.setCustomTapProductCardEnabled(!!value);\n    }\n  }\n  private _onCustomTapProductCard?: CustomTapProductCardCallback | undefined;\n\n  /**\n   * Defaults to true.\n   * 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    if (FWGlobalState.getInstance().sdkInitCalled) {\n      ShoppingModule.setCartIconVisible(value);\n    } else {\n      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n        ShoppingModule.setCartIconVisible(value);\n      });\n    }\n  }\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * The configuration of product info view.\n   * Please refer to {@link ProductInfoViewConfiguration} for more details.\n   */\n  public get productInfoViewConfiguration():\n    | ProductInfoViewConfiguration\n    | undefined {\n    return this._productInfoViewConfiguration;\n  }\n\n  public set productInfoViewConfiguration(\n    value: ProductInfoViewConfiguration | undefined\n  ) {\n    this._productInfoViewConfiguration = value;\n    if (FWGlobalState.getInstance().sdkInitCalled) {\n      ShoppingModule.setProductInfoViewConfiguration(value ?? {});\n    } else {\n      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n        ShoppingModule.setProductInfoViewConfiguration(value ?? {});\n      });\n    }\n  }\n\n  private _productInfoViewConfiguration?:\n    | ProductInfoViewConfiguration\n    | undefined;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return ShoppingModuleEventEmitter;\n  }\n\n  public static getInstance() {\n    FWLoggerUtil.log('VideoShopping constructor');\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter.addListener(\n      FWEventName.ShoppingCTAButtonClick,\n      (event) => {\n        FWLoggerUtil.log(\n          `Receive ShoppingCTA event productId: ${event?.productId} unitId: ${event?.unitId} url: ${event?.url}`\n        );\n        this.handleShoppingCTAEvent(event);\n      }\n    );\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, () => {\n      FWLoggerUtil.log('Receive ClickCartIcon event');\n      this.handleClickCartIconEvent();\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      FWLoggerUtil.log(\n        `Receive UpdateProductDetails event productIds: ${event?.productIds}`\n      );\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.LogMessage, () => {});\n\n    this.eventEmitter.addListener(\n      FWEventName.CustomLinkButtonClick,\n      (event) => {\n        FWLoggerUtil.log(\n          `Receive CustomLinkButtonClick event url: ${event?.url}`\n        );\n        this.handleCustomLinkButtonClickEvent(event);\n      }\n    );\n\n    this.eventEmitter.addListener(FWEventName.CustomProductCardTap, (event) => {\n      FWLoggerUtil.log(`Receive CustomProductCardTap event url: ${event?.url}`);\n      if (event) {\n        if (!event.video) {\n          event.video = { videoId: '' };\n        }\n\n        if (event.callbackId) {\n          const callbackId = event.callbackId;\n          delete event.callbackId;\n          if (Platform.OS === 'ios') {\n            event.playerHandler = {\n              pause: () => ShoppingModule.pausePlayer(callbackId),\n              resume: () => ShoppingModule.resumePlayer(callbackId),\n            };\n          }\n        }\n      }\n\n      this.handleCustomProductCardTapEvent(event ?? {});\n    });\n  }\n\n  /**\n   *\n   * @param {number} count The number of items in the host app cart.\n   * The count should be greater than or equal to 0.\n   * We just use count to show or hide red indicator on the cart icon.\n   * If cound > 0, we will show the red indicator on the cart icon.\n   * Otherwise, we will hide the red indicator on the cart icon.\n   */\n  public async setCartItemCount(count: number): Promise<void> {\n    if (!FWGlobalState.getInstance().sdkInitCalled) {\n      await FWGlobalState.getInstance().sdkInitCalledPromise;\n    }\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleShoppingCTAEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n\n    if (this.onShoppingCTA) {\n      const result = await this.onShoppingCTA(event as ShoppingCTAEvent);\n      if (callbackId) {\n        ShoppingModule.updateShoppingCTAResult(result, callbackId);\n      }\n    } else {\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.clearCallbackId(\n            callbackId,\n            FWEventName.ShoppingCTAButtonClick\n          );\n        }\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent() {\n    if (this.onCustomClickCartIcon) {\n      this.onCustomClickCartIcon();\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n    if (this.onUpdateProductDetails) {\n      FWLoggerUtil.log(\n        `Call onUpdateProductDetails callback productIds: ${event.productIds} callbackId: ${callbackId}`\n      );\n      const productList = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n\n      const productIds = (productList || []).map(\n        (product) => product.productId ?? ''\n      );\n\n      FWLoggerUtil.log(\n        `Get result from onUpdateProductDetails callback productIds: ${productIds} productListLength: ${\n          (productList || []).length\n        }`\n      );\n\n      if (productList) {\n        if (callbackId) {\n          ShoppingModule.updateVideoProducts(productList, callbackId);\n        }\n      } else {\n        if (callbackId) {\n          if (Platform.OS === 'ios') {\n            ShoppingModule.clearCallbackId(\n              callbackId,\n              FWEventName.UpdateProductDetails\n            );\n          }\n        }\n      }\n    } else {\n      FWLoggerUtil.log('onUpdateProductDetails callback is not set.');\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.clearCallbackId(\n            callbackId,\n            FWEventName.UpdateProductDetails\n          );\n        }\n      }\n    }\n  }\n\n  private async handleCustomLinkButtonClickEvent(\n    event: CustomClickLinkButtonEvent\n  ) {\n    if (this.onCustomClickLinkButton) {\n      this.onCustomClickLinkButton(event);\n    }\n  }\n\n  private async handleCustomProductCardTapEvent(\n    event: CustomTapProductCardEvent\n  ) {\n    if (this.onCustomTapProductCard) {\n      this.onCustomTapProductCard(event);\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}

package/lib/commonjs/components/StoryBlock.js

@@ -66,6 +66,64 @@ const StoryBlock = (props, forwardedRef) => {
     }
   };
 
+  const handleStoryBlockDidStartPictureInPicture = event => {
+    _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockDidStartPictureInPicture ${JSON.stringify(event.nativeEvent)}`);
+
+    const {
+      onStoryBlockDidStartPictureInPicture
+    } = props;
+    const {
+      name,
+      reason
+    } = event.nativeEvent;
+
+    if (onStoryBlockDidStartPictureInPicture) {
+      if (name) {
+        if (reason) {
+          onStoryBlockDidStartPictureInPicture({
+            name,
+            reason
+          });
+        } else {
+          onStoryBlockDidStartPictureInPicture({
+            name
+          });
+        }
+      } else {
+        onStoryBlockDidStartPictureInPicture();
+      }
+    }
+  };
+
+  const handleStoryBlockDidStopPictureInPicture = event => {
+    _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockDidStopPictureInPicture ${JSON.stringify(event.nativeEvent)}`);
+
+    const {
+      onStoryBlockDidStopPictureInPicture
+    } = props;
+    const {
+      name,
+      reason
+    } = event.nativeEvent;
+
+    if (onStoryBlockDidStopPictureInPicture) {
+      if (name) {
+        if (reason) {
+          onStoryBlockDidStopPictureInPicture({
+            name,
+            reason
+          });
+        } else {
+          onStoryBlockDidStopPictureInPicture({
+            name
+          });
+        }
+      } else {
+        onStoryBlockDidStopPictureInPicture();
+      }
+    }
+  };
+
   const handleStoryBlockFullScreenStateChanged = event => {
     _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockFullScreenStateChanged ${event.nativeEvent.isFullScreen}`);
 
@@ -126,6 +184,10 @@ const StoryBlock = (props, forwardedRef) => {
     return resultString;
   };
 
+  const generateButtonInfoString = buttonInfo => {
+    return `imageName:${buttonInfo === null || buttonInfo === void 0 ? void 0 : buttonInfo.imageName}_systemImageName:${buttonInfo === null || buttonInfo === void 0 ? void 0 : buttonInfo.systemImageName}_tintColor:${buttonInfo === null || buttonInfo === void 0 ? void 0 : buttonInfo.tintColor}`;
+  };
+
   const getStoryBlockConfiguration = () => {
     const {
       storyBlockConfiguration,
@@ -187,6 +249,7 @@ const StoryBlock = (props, forwardedRef) => {
     const ctaHighlightDelayType = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat4 = storyBlockConfiguration.ctaHighlightDelay) === null || _storyBlockConfigurat4 === void 0 ? void 0 : _storyBlockConfigurat4.type;
     const ctaHighlightDelayValue = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat5 = storyBlockConfiguration.ctaHighlightDelay) === null || _storyBlockConfigurat5 === void 0 ? void 0 : (_storyBlockConfigurat6 = _storyBlockConfigurat5.value) === null || _storyBlockConfigurat6 === void 0 ? void 0 : _storyBlockConfigurat6.toFixed(5);
     const shareBaseURL = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.shareBaseURL;
+    const buttonConfiguration = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.buttonConfiguration;
     const ctaWidth = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.ctaWidth;
     const showVideoDetailTitle = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.showVideoDetailTitle;
     const requiresAds = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.requiresAds;
@@ -229,6 +292,12 @@ const StoryBlock = (props, forwardedRef) => {
     key += `_ctaHighlightDelayType:${ctaHighlightDelayType}`;
     key += `_ctaHighlightDelayValue:${ctaHighlightDelayValue}`;
     key += `_ctaWidth:${ctaWidth}`;
+    key += `_buttonConfiguration.videoDetailButton:${generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.videoDetailButton)}`;
+    key += `_buttonConfiguration.closeButton:${generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.closeButton)}`;
+    key += `_buttonConfiguration.muteButton:${generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.muteButton)}`;
+    key += `_buttonConfiguration.unmuteButton:${generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.unmuteButton)}`;
+    key += `_buttonConfiguration.playButton:${generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.playButton)}`;
+    key += `_buttonConfiguration.pauseButton:${generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.pauseButton)}`;
     key += `_showVideoDetailTitle:${showVideoDetailTitle}`;
     key += `_requiresAds:${requiresAds}`;
     key += `_adsFetchTimeout:${adsFetchTimeout}`;
@@ -351,6 +420,8 @@ const StoryBlock = (props, forwardedRef) => {
     storyBlockConfiguration: storyBlockConfiguration,
     enablePictureInPicture: undefined,
     onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
+    onStoryBlockDidStartPictureInPicture: handleStoryBlockDidStartPictureInPicture,
+    onStoryBlockDidStopPictureInPicture: handleStoryBlockDidStopPictureInPicture,
     onStoryBlockFullScreenStateChanged: handleStoryBlockFullScreenStateChanged
   }));
 };