react-native-firework-sdk 1.3.1-beta.3 → 1.3.1-beta.6

package/ios/Components/VideoFeed.swift

@@ -172,6 +172,8 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
     }
     
     public override func removeFromSuperview() {
+        super.removeFromSuperview()
+        
         guard let feedVC = feedVC, feedVC.parent != nil else {
             return
         }

package/ios/Modules/FireworkSDKModule/FireworkSDKModule.swift

@@ -36,7 +36,11 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
         #if DEBUG
         let formatter = DateFormatter()
         formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSZ"
-        sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Call initializeSDK"])
+
+        let message = "[iOS] Call initializeSDK \(formatter.string(from: Date()))"
+        print("[react-native-firework-sdk] [swift] \(message)")
+        
+        sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": message])
         #endif
 
         DispatchQueue.main.async {
@@ -114,7 +118,11 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
         #if DEBUG
         let formatter = DateFormatter()
         formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSZ"
-        sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Send SDK initialization successful event"])
+
+        let message = "[iOS] Send SDK initialization successful event \(formatter.string(from: Date()))"
+        print("[react-native-firework-sdk] [swift] \(message)")
+
+        sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": message])
         #endif
 
         sendEvent(withName: FWEventName.SDKInit.rawValue, body: [:])
@@ -124,7 +132,11 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
         #if DEBUG
         let formatter = DateFormatter()
         formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSZ"
-        sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Send SDK initialization failure event"])
+
+        let message = "[iOS] Send SDK initialization failure event \(formatter.string(from: Date()))"
+        print("[react-native-firework-sdk] [swift] \(message)")
+
+        sendEvent(withName: FWEventName.LogMessage.rawValue, body: ["message": "[iOS] Send SDK initialization failure event \(formatter.string(from: Date()))"])
         #endif
 
         sendEvent(withName: FWEventName.SDKInit.rawValue, body: ["error": ["name": error.jsErrorName, "reason": error.recoverySuggestion ?? "default"]])

package/ios/Modules/Shopping/ShoppingModule.swift

@@ -71,8 +71,11 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
         #if DEBUG
         let formatter = DateFormatter()
         formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSZ"
+        let message1 = "[iOS] Call updateVideoProducts 1 \(formatter.string(from: Date()))"
+        print("[react-native-firework-sdk] [swift] \(message1)")
+        
         sendEvent(withName: FWEventName.LogMessage.rawValue, body: [
-            "message": "[iOS] Call updateVideoProducts 1 \(formatter.string(from: Date()))"
+            "message": message1
         ])
         #endif
 
@@ -83,8 +86,11 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
         productHydratingMap.removeValue(forKey: Int(truncating: cbId))
 
         #if DEBUG
+        let message2 = "[iOS] Call updateVideoProducts 2 \(formatter.string(from: Date()))"
+        print("[react-native-firework-sdk] [swift] \(message2)")
+
         sendEvent(withName: FWEventName.LogMessage.rawValue, body: [
-            "message": "[iOS] Call updateVideoProducts 2 \(formatter.string(from: Date()))"
+            "message": message2
         ])
         #endif
 
@@ -96,8 +102,11 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
         let productIds = rProducts.map({ product in
             return product.productId
         }).joined(separator: ",")
+        let message3 = "[iOS] Call updateVideoProducts 3 productIds: \(productIds) \(formatter.string(from: Date()))"
+        print("[react-native-firework-sdk] [swift] \(message3)")
+
         sendEvent(withName: FWEventName.LogMessage.rawValue, body: [
-            "message": "[iOS] Call updateVideoProducts 3 productIds: \(productIds) \(formatter.string(from: Date()))"
+            "message": message3
         ])
         #endif
         
@@ -185,9 +194,13 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
         #if DEBUG
         let formatter = DateFormatter()
         formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSZ"
+
+        let message = "[iOS] Send UpdateProductDetails event productIds: \(products) and videoId: \(video.videoID) \(formatter.string(from: Date()))"
+        print("[react-native-firework-sdk] [swift] \(message)")
+
         sendEvent(
             withName: FWEventName.LogMessage.rawValue,
-            body: ["message": "[iOS] Send UpdateProductDetails event productIds: \(products) and videoId: \(video.videoID) \(formatter.string(from: Date()))"])
+            body: ["message": message])
         #endif
         
         sendEvent(withName: ShoppingEventName.UpdateProductDetails.rawValue, body: ["productIds": products, "callbackId": callbackId])

package/lib/commonjs/components/VideoFeed.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
+var _FWLoggerUtil = _interopRequireDefault(require("../utils/FWLoggerUtil"));
+
 var _FireworkSDK = _interopRequireDefault(require("../FireworkSDK"));
 
 var _FWEventName = require("../models/FWEventName");
@@ -34,12 +36,16 @@ class VideoFeed extends _react.default.Component {
     _defineProperty(this, "subscriptions", []);
 
     _defineProperty(this, "refresh", () => {
+      _FWLoggerUtil.default.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);
+
       const nativeNodeHandle = (0, _reactNative.findNodeHandle)(this.nativeComponentRef.current);
 
       _reactNative.UIManager.dispatchViewManagerCommand((0, _reactNative.findNodeHandle)(nativeNodeHandle), _reactNative.UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh, []);
     });
 
     _defineProperty(this, "_onVideoFeedLoadFinished", event => {
+      _FWLoggerUtil.default.log(`VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`);
+
       const {
         name,
         reason
@@ -59,13 +65,19 @@ class VideoFeed extends _react.default.Component {
   }
 
   componentDidMount() {
+    _FWLoggerUtil.default.log(`VideoFeed componentDidMount ${JSON.stringify(this.props)}`);
+
     const subscriptionOfShareBaseURLUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.ShareBaseURLUpdated, () => {
+      _FWLoggerUtil.default.log('Receive FWEventName.ShareBaseURLUpdated');
+
       this.setState({});
     });
 
     this.subscriptions.push(subscriptionOfShareBaseURLUpdated);
 
     const subscriptionOfAdBadgeConfigurationUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.AdBadgeConfigurationUpdated, () => {
+      _FWLoggerUtil.default.log('Receive FWEventName.AdBadgeConfigurationUpdated');
+
       this.setState({});
     });
 
@@ -73,6 +85,8 @@ class VideoFeed extends _react.default.Component {
   }
 
   componentWillUnmount() {
+    _FWLoggerUtil.default.log(`VideoFeed componentWillUnmount ${JSON.stringify(this.props)}`);
+
     this.subscriptions.forEach(value => {
       value.remove();
     });
@@ -82,6 +96,8 @@ class VideoFeed extends _react.default.Component {
   render() {
     var _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _videoFeedConfigurati4, _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _videoFeedConfigurati5, _videoFeedConfigurati6;
 
+    _FWLoggerUtil.default.log(`VideoFeed render ${JSON.stringify(this.props)}`);
+
     const {
       source,
       channel = '',

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

@@ -1 +1 @@
-{"version":3,"sources":["VideoFeed.tsx"],"names":["NativeComponentName","VideoFeed","React","Component","createRef","nativeNodeHandle","nativeComponentRef","current","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","componentDidMount","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","customLayoutName","shareBaseURL","FireworkSDK","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length","undefined","resultFeedConfiguration","Math","floor"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  StyleProp,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of five available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel id of the feed. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the feed. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * PlaylistGroup id of the feed. Required when the source is set as playlistGroup.\n   */\n  playlistGroup?: string;\n  /**\n   * The dynamic content parameters of the feed. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of the feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of the player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    const { name, reason } = event.nativeEvent;\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      playlistGroup = '',\n      mode = 'row',\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const customLayoutName = videoFeedConfiguration?.customLayoutName ?? '';\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const enableAutoplay = videoFeedConfiguration?.enableAutoplay ?? false;\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_playlistGroup:${playlistGroup}`;\n    key += `_mode:${mode}`;\n    key += `_titleHidden:${titleHidden}`;\n    key += `_titlePosition:${titlePosition}`;\n    key += `_customLayoutName:${customLayoutName}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_gridColumns:${gridColumns}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n        style={Object.assign({}, this.props.style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n\n  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {\n    const { videoFeedConfiguration } = this.props;\n    if (!videoFeedConfiguration) {\n      return undefined;\n    }\n\n    let resultFeedConfiguration: VideoFeedConfiguration = {\n      ...videoFeedConfiguration,\n    };\n    if (resultFeedConfiguration.gridColumns) {\n      resultFeedConfiguration.gridColumns = Math.floor(\n        resultFeedConfiguration.gridColumns!\n      );\n    }\n    return resultFeedConfiguration;\n  }\n}\n"]}
+{"version":3,"sources":["VideoFeed.tsx"],"names":["NativeComponentName","VideoFeed","React","Component","createRef","FWLoggerUtil","log","JSON","stringify","props","nativeNodeHandle","nativeComponentRef","current","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","nativeEvent","name","reason","onVideoFeedLoadFinished","componentDidMount","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","customLayoutName","shareBaseURL","FireworkSDK","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length","undefined","resultFeedConfiguration","Math","floor"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  StyleProp,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of five available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel id of the feed. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the feed. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * PlaylistGroup id of the feed. Required when the source is set as playlistGroup.\n   */\n  playlistGroup?: string;\n  /**\n   * The dynamic content parameters of the feed. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of the feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of the player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    FWLoggerUtil.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);\n\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    FWLoggerUtil.log(\n      `VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`\n    );\n\n    const { name, reason } = event.nativeEvent;\n\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  componentDidMount() {\n    FWLoggerUtil.log(\n      `VideoFeed componentDidMount ${JSON.stringify(this.props)}`\n    );\n\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n  }\n\n  componentWillUnmount() {\n    FWLoggerUtil.log(\n      `VideoFeed componentWillUnmount ${JSON.stringify(this.props)}`\n    );\n\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    FWLoggerUtil.log(`VideoFeed render ${JSON.stringify(this.props)}`);\n\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      playlistGroup = '',\n      mode = 'row',\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const customLayoutName = videoFeedConfiguration?.customLayoutName ?? '';\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const enableAutoplay = videoFeedConfiguration?.enableAutoplay ?? false;\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_playlistGroup:${playlistGroup}`;\n    key += `_mode:${mode}`;\n    key += `_titleHidden:${titleHidden}`;\n    key += `_titlePosition:${titlePosition}`;\n    key += `_customLayoutName:${customLayoutName}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_gridColumns:${gridColumns}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n        style={Object.assign({}, this.props.style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n\n  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {\n    const { videoFeedConfiguration } = this.props;\n    if (!videoFeedConfiguration) {\n      return undefined;\n    }\n\n    let resultFeedConfiguration: VideoFeedConfiguration = {\n      ...videoFeedConfiguration,\n    };\n    if (resultFeedConfiguration.gridColumns) {\n      resultFeedConfiguration.gridColumns = Math.floor(\n        resultFeedConfiguration.gridColumns!\n      );\n    }\n    return resultFeedConfiguration;\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ShoppingModule.ts"],"names":["ShoppingModule","NativeModules","Proxy","get","Error","LINKING_ERROR","ShoppingModuleEventEmitter","NativeEventEmitter"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA,MAAMA,cAAc,GAAGC,2BAAcD,cAAd,GACnBC,2BAAcD,cADK,GAEnB,IAAIE,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUC,6BAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAiCA,MAAMC,0BAA0B,GAAG,IAAIC,+BAAJ,CAAuBP,cAAvB,CAAnC;;eAGeA,c","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type { NewNativeContainerProps } from 'src/models/NewNativeContainerProps';\n\nconst ShoppingModule = NativeModules.ShoppingModule\n  ? NativeModules.ShoppingModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IShoppingModule extends NativeModule {\n  init(): void;\n  updateVideoProducts(products: Product[], callbackId: number | string): void;\n  updateProductViewConfig(\n    config: ProductInfoViewConfiguration,\n    callbackId: number | string\n  ): void;\n  updateAddToCartStatus(\n    res: string,\n    tips: string,\n    callbackId: number | string\n  ): void;\n  jumpToCartPage(\n    callbackId: number | string,\n    props: NewNativeContainerProps\n  ): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n  setCustomClickCartIconEnabled(enabled: boolean): Promise<void>; // Only supported on iOS\n  clearCallbackId(callbackId: number | string, eventName: string): void; // Only supported on iOS\n}\n\nconst ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);\nexport { ShoppingModuleEventEmitter };\n\nexport default ShoppingModule as IShoppingModule;\n"]}
+{"version":3,"sources":["ShoppingModule.ts"],"names":["ShoppingModule","NativeModules","Proxy","get","Error","LINKING_ERROR","ShoppingModuleEventEmitter","NativeEventEmitter"],"mappings":";;;;;;;AAAA;;AAEA;;AAKA,MAAMA,cAAc,GAAGC,2BAAcD,cAAd,GACnBC,2BAAcD,cADK,GAEnB,IAAIE,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUC,6BAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAiCA,MAAMC,0BAA0B,GAAG,IAAIC,+BAAJ,CAAuBP,cAAvB,CAAnC;;eAGeA,c","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\n\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type { NewNativeContainerProps } from '../models/NewNativeContainerProps';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\n\nconst ShoppingModule = NativeModules.ShoppingModule\n  ? NativeModules.ShoppingModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IShoppingModule extends NativeModule {\n  init(): void;\n  updateVideoProducts(products: Product[], callbackId: number | string): void;\n  updateProductViewConfig(\n    config: ProductInfoViewConfiguration,\n    callbackId: number | string\n  ): void;\n  updateAddToCartStatus(\n    res: string,\n    tips: string,\n    callbackId: number | string\n  ): void;\n  jumpToCartPage(\n    callbackId: number | string,\n    props: NewNativeContainerProps\n  ): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n  setCustomClickCartIconEnabled(enabled: boolean): Promise<void>; // Only supported on iOS\n  clearCallbackId(callbackId: number | string, eventName: string): void; // Only supported on iOS\n}\n\nconst ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);\nexport { ShoppingModuleEventEmitter };\n\nexport default ShoppingModule as IShoppingModule;\n"]}

package/lib/module/components/VideoFeed.js

@@ -4,6 +4,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import React from 'react';
 import { findNodeHandle, UIManager } from 'react-native';
+import FWLoggerUtil from '../utils/FWLoggerUtil';
 import FireworkSDK from '../FireworkSDK';
 import { FWEventName } from '../models/FWEventName';
 import { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';
@@ -18,11 +19,13 @@ export default class VideoFeed extends React.Component {
     _defineProperty(this, "subscriptions", []);
 
     _defineProperty(this, "refresh", () => {
+      FWLoggerUtil.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);
       const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);
       UIManager.dispatchViewManagerCommand(findNodeHandle(nativeNodeHandle), UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh, []);
     });
 
     _defineProperty(this, "_onVideoFeedLoadFinished", event => {
+      FWLoggerUtil.log(`VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`);
       const {
         name,
         reason
@@ -42,17 +45,21 @@ export default class VideoFeed extends React.Component {
   }
 
   componentDidMount() {
+    FWLoggerUtil.log(`VideoFeed componentDidMount ${JSON.stringify(this.props)}`);
     const subscriptionOfShareBaseURLUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.ShareBaseURLUpdated, () => {
+      FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');
       this.setState({});
     });
     this.subscriptions.push(subscriptionOfShareBaseURLUpdated);
     const subscriptionOfAdBadgeConfigurationUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AdBadgeConfigurationUpdated, () => {
+      FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');
       this.setState({});
     });
     this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
   }
 
   componentWillUnmount() {
+    FWLoggerUtil.log(`VideoFeed componentWillUnmount ${JSON.stringify(this.props)}`);
     this.subscriptions.forEach(value => {
       value.remove();
     });
@@ -62,6 +69,7 @@ export default class VideoFeed extends React.Component {
   render() {
     var _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _videoFeedConfigurati4, _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _videoFeedConfigurati5, _videoFeedConfigurati6;
 
+    FWLoggerUtil.log(`VideoFeed render ${JSON.stringify(this.props)}`);
     const {
       source,
       channel = '',

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

@@ -1 +1 @@
-{"version":3,"sources":["VideoFeed.tsx"],"names":["React","findNodeHandle","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","nativeNodeHandle","nativeComponentRef","current","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","customLayoutName","shareBaseURL","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length","undefined","resultFeedConfiguration","Math","floor"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  StyleProp,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of five available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel id of the feed. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the feed. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * PlaylistGroup id of the feed. Required when the source is set as playlistGroup.\n   */\n  playlistGroup?: string;\n  /**\n   * The dynamic content parameters of the feed. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of the feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of the player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    const { name, reason } = event.nativeEvent;\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      playlistGroup = '',\n      mode = 'row',\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const customLayoutName = videoFeedConfiguration?.customLayoutName ?? '';\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const enableAutoplay = videoFeedConfiguration?.enableAutoplay ?? false;\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_playlistGroup:${playlistGroup}`;\n    key += `_mode:${mode}`;\n    key += `_titleHidden:${titleHidden}`;\n    key += `_titlePosition:${titlePosition}`;\n    key += `_customLayoutName:${customLayoutName}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_gridColumns:${gridColumns}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n        style={Object.assign({}, this.props.style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n\n  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {\n    const { videoFeedConfiguration } = this.props;\n    if (!videoFeedConfiguration) {\n      return undefined;\n    }\n\n    let resultFeedConfiguration: VideoFeedConfiguration = {\n      ...videoFeedConfiguration,\n    };\n    if (resultFeedConfiguration.gridColumns) {\n      resultFeedConfiguration.gridColumns = Math.floor(\n        resultFeedConfiguration.gridColumns!\n      );\n    }\n    return resultFeedConfiguration;\n  }\n}\n"]}
+{"version":3,"sources":["VideoFeed.tsx"],"names":["React","findNodeHandle","UIManager","FWLoggerUtil","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","log","JSON","stringify","props","nativeNodeHandle","nativeComponentRef","current","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","nativeEvent","name","reason","onVideoFeedLoadFinished","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","customLayoutName","shareBaseURL","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length","undefined","resultFeedConfiguration","Math","floor"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  StyleProp,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of five available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel id of the feed. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the feed. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * PlaylistGroup id of the feed. Required when the source is set as playlistGroup.\n   */\n  playlistGroup?: string;\n  /**\n   * The dynamic content parameters of the feed. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of the feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of the player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    FWLoggerUtil.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);\n\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    FWLoggerUtil.log(\n      `VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`\n    );\n\n    const { name, reason } = event.nativeEvent;\n\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  componentDidMount() {\n    FWLoggerUtil.log(\n      `VideoFeed componentDidMount ${JSON.stringify(this.props)}`\n    );\n\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n  }\n\n  componentWillUnmount() {\n    FWLoggerUtil.log(\n      `VideoFeed componentWillUnmount ${JSON.stringify(this.props)}`\n    );\n\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    FWLoggerUtil.log(`VideoFeed render ${JSON.stringify(this.props)}`);\n\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      playlistGroup = '',\n      mode = 'row',\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const customLayoutName = videoFeedConfiguration?.customLayoutName ?? '';\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const enableAutoplay = videoFeedConfiguration?.enableAutoplay ?? false;\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_playlistGroup:${playlistGroup}`;\n    key += `_mode:${mode}`;\n    key += `_titleHidden:${titleHidden}`;\n    key += `_titlePosition:${titlePosition}`;\n    key += `_customLayoutName:${customLayoutName}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_gridColumns:${gridColumns}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n        style={Object.assign({}, this.props.style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n\n  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {\n    const { videoFeedConfiguration } = this.props;\n    if (!videoFeedConfiguration) {\n      return undefined;\n    }\n\n    let resultFeedConfiguration: VideoFeedConfiguration = {\n      ...videoFeedConfiguration,\n    };\n    if (resultFeedConfiguration.gridColumns) {\n      resultFeedConfiguration.gridColumns = Math.floor(\n        resultFeedConfiguration.gridColumns!\n      );\n    }\n    return resultFeedConfiguration;\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ShoppingModule.ts"],"names":["NativeEventEmitter","NativeModules","LINKING_ERROR","ShoppingModule","Proxy","get","Error","ShoppingModuleEventEmitter"],"mappings":"AAAA,SAASA,kBAAT,EAA2CC,aAA3C,QAAgE,cAAhE;AAGA,SAASC,aAAT,QAA8B,6BAA9B;AAGA,MAAMC,cAAc,GAAGF,aAAa,CAACE,cAAd,GACnBF,aAAa,CAACE,cADK,GAEnB,IAAIC,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUJ,aAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAiCA,MAAMK,0BAA0B,GAAG,IAAIP,kBAAJ,CAAuBG,cAAvB,CAAnC;AACA,SAASI,0BAAT;AAEA,eAAeJ,cAAf","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type { NewNativeContainerProps } from 'src/models/NewNativeContainerProps';\n\nconst ShoppingModule = NativeModules.ShoppingModule\n  ? NativeModules.ShoppingModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IShoppingModule extends NativeModule {\n  init(): void;\n  updateVideoProducts(products: Product[], callbackId: number | string): void;\n  updateProductViewConfig(\n    config: ProductInfoViewConfiguration,\n    callbackId: number | string\n  ): void;\n  updateAddToCartStatus(\n    res: string,\n    tips: string,\n    callbackId: number | string\n  ): void;\n  jumpToCartPage(\n    callbackId: number | string,\n    props: NewNativeContainerProps\n  ): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n  setCustomClickCartIconEnabled(enabled: boolean): Promise<void>; // Only supported on iOS\n  clearCallbackId(callbackId: number | string, eventName: string): void; // Only supported on iOS\n}\n\nconst ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);\nexport { ShoppingModuleEventEmitter };\n\nexport default ShoppingModule as IShoppingModule;\n"]}
+{"version":3,"sources":["ShoppingModule.ts"],"names":["NativeEventEmitter","NativeModules","LINKING_ERROR","ShoppingModule","Proxy","get","Error","ShoppingModuleEventEmitter"],"mappings":"AAAA,SAASA,kBAAT,EAA2CC,aAA3C,QAAgE,cAAhE;AAEA,SAASC,aAAT,QAA8B,6BAA9B;AAKA,MAAMC,cAAc,GAAGF,aAAa,CAACE,cAAd,GACnBF,aAAa,CAACE,cADK,GAEnB,IAAIC,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUJ,aAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAiCA,MAAMK,0BAA0B,GAAG,IAAIP,kBAAJ,CAAuBG,cAAvB,CAAnC;AACA,SAASI,0BAAT;AAEA,eAAeJ,cAAf","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\n\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type { NewNativeContainerProps } from '../models/NewNativeContainerProps';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\n\nconst ShoppingModule = NativeModules.ShoppingModule\n  ? NativeModules.ShoppingModule\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IShoppingModule extends NativeModule {\n  init(): void;\n  updateVideoProducts(products: Product[], callbackId: number | string): void;\n  updateProductViewConfig(\n    config: ProductInfoViewConfiguration,\n    callbackId: number | string\n  ): void;\n  updateAddToCartStatus(\n    res: string,\n    tips: string,\n    callbackId: number | string\n  ): void;\n  jumpToCartPage(\n    callbackId: number | string,\n    props: NewNativeContainerProps\n  ): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n  setCustomClickCartIconEnabled(enabled: boolean): Promise<void>; // Only supported on iOS\n  clearCallbackId(callbackId: number | string, eventName: string): void; // Only supported on iOS\n}\n\nconst ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);\nexport { ShoppingModuleEventEmitter };\n\nexport default ShoppingModule as IShoppingModule;\n"]}

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

@@ -1,7 +1,7 @@
 import { NativeEventEmitter, NativeModule } from 'react-native';
+import type { NewNativeContainerProps } from '../models/NewNativeContainerProps';
 import type Product from '../models/Product';
 import type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';
-import type { NewNativeContainerProps } from 'src/models/NewNativeContainerProps';
 interface IShoppingModule extends NativeModule {
     init(): void;
     updateVideoProducts(products: Product[], callbackId: number | string): void;

package/package.json

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

package/src/components/VideoFeed.tsx

@@ -8,6 +8,7 @@ import {
   UIManager,
   ViewStyle,
 } from 'react-native';
+import FWLoggerUtil from '../utils/FWLoggerUtil';
 
 import FireworkSDK from '../FireworkSDK';
 import type FWError from '../models/FWError';
@@ -83,6 +84,8 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
    * Force refreshing the video feed.
    */
   public refresh = () => {
+    FWLoggerUtil.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);
+
     const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);
 
     UIManager.dispatchViewManagerCommand(
@@ -95,7 +98,12 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
   private _onVideoFeedLoadFinished = (
     event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>
   ) => {
+    FWLoggerUtil.log(
+      `VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`
+    );
+
     const { name, reason } = event.nativeEvent;
+
     if (this.props.onVideoFeedLoadFinished) {
       if (name) {
         this.props.onVideoFeedLoadFinished({ name, reason });
@@ -106,10 +114,15 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
   };
 
   componentDidMount() {
+    FWLoggerUtil.log(
+      `VideoFeed componentDidMount ${JSON.stringify(this.props)}`
+    );
+
     const subscriptionOfShareBaseURLUpdated =
       FireworkSDKModuleEventEmitter.addListener(
         FWEventName.ShareBaseURLUpdated,
         () => {
+          FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');
           this.setState({});
         }
       );
@@ -119,6 +132,7 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
       FireworkSDKModuleEventEmitter.addListener(
         FWEventName.AdBadgeConfigurationUpdated,
         () => {
+          FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');
           this.setState({});
         }
       );
@@ -126,6 +140,10 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
   }
 
   componentWillUnmount() {
+    FWLoggerUtil.log(
+      `VideoFeed componentWillUnmount ${JSON.stringify(this.props)}`
+    );
+
     this.subscriptions.forEach((value) => {
       value.remove();
     });
@@ -134,6 +152,8 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
   }
 
   render() {
+    FWLoggerUtil.log(`VideoFeed render ${JSON.stringify(this.props)}`);
+
     const {
       source,
       channel = '',

package/src/modules/ShoppingModule.ts

@@ -1,8 +1,9 @@
 import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';
+
+import { LINKING_ERROR } from '../constants/FWErrorMessage';
+import type { NewNativeContainerProps } from '../models/NewNativeContainerProps';
 import type Product from '../models/Product';
 import type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';
-import { LINKING_ERROR } from '../constants/FWErrorMessage';
-import type { NewNativeContainerProps } from 'src/models/NewNativeContainerProps';
 
 const ShoppingModule = NativeModules.ShoppingModule
   ? NativeModules.ShoppingModule