react-native-firework-sdk 2.0.0-beta.5 → 2.0.0

package/lib/commonjs/components/StoryBlock.js

@@ -44,9 +44,9 @@ class StoryBlock extends _react.default.Component {
   constructor() {
     super(...arguments);
 
-    _defineProperty(this, "nativeComponentRef", /*#__PURE__*/_react.default.createRef());
+    _defineProperty(this, "_nativeComponentRef", /*#__PURE__*/_react.default.createRef());
 
-    _defineProperty(this, "subscriptions", []);
+    _defineProperty(this, "_subscriptions", []);
 
     _defineProperty(this, "_onStoryBlockLoadFinished", event => {
       _FWLoggerUtil.default.log(`StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`);
@@ -78,18 +78,21 @@ class StoryBlock extends _react.default.Component {
     });
   }
 
+  /**
+   * @ignore
+   */
   componentDidMount() {
     const subscriptionOfShareBaseURLUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.ShareBaseURLUpdated, () => {
       this.setState({});
     });
 
-    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);
+    this._subscriptions.push(subscriptionOfShareBaseURLUpdated);
 
     const subscriptionOfAdBadgeConfigurationUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.AdBadgeConfigurationUpdated, () => {
       this.setState({});
     });
 
-    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
+    this._subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
 
     const subscriptionOfVideoLaunchBehaviorUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.VideoLaunchBehaviorUpdated, () => {
       _FWLoggerUtil.default.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
@@ -97,30 +100,39 @@ class StoryBlock extends _react.default.Component {
       this.setState({});
     });
 
-    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
+    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
 
     if (_reactNative.Platform.OS === 'android') {
-      const viewId = (0, _reactNative.findNodeHandle)(this.nativeComponentRef.current);
+      const viewId = (0, _reactNative.findNodeHandle)(this._nativeComponentRef.current);
 
       _FWLoggerUtil.default.log(`StoryBlock componentDidMount createFragment viewId: ${viewId}`);
 
       createFragment(viewId);
     }
   }
+  /**
+   * @ignore
+   */
+
 
   componentWillUnmount() {
-    this.subscriptions.forEach(value => {
+    this._subscriptions.forEach(value => {
       value.remove();
     });
-    this.subscriptions = [];
+
+    this._subscriptions = [];
   }
+  /**
+   * @ignore
+   */
+
 
   render() {
     const {
       style
     } = this.props;
     return /*#__PURE__*/_react.default.createElement(_FWStoryBlock.default, _extends({
-      ref: this.nativeComponentRef,
+      ref: this._nativeComponentRef,
       key: this._generateKey()
     }, this.props, {
       onStoryBlockLoadFinished: this._onStoryBlockLoadFinished,

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

@@ -1 +1 @@
-{"version":3,"sources":["StoryBlock.tsx"],"names":["NativeComponentName","createFragment","viewId","Platform","OS","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","React","Component","createRef","event","FWLoggerUtil","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","enablePictureInPicture","shareBaseURL","FireworkSDK","getInstance","getShareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","videoLaunchBehavior","getVideoLaunchBehavior","key","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport { findNodeHandle, Platform, UIManager } from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nconst createFragment = (viewId: any) => {\n  if (Platform.OS === 'android') {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      UIManager.getViewManagerConfig(\n        NativeComponentName\n      ).Commands.create.toString(),\n      [viewId]\n    );\n  }\n};\n\n/**\n * The props type of StoryBlock component.\n */\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * Specifies if Picture in Picture is enabled.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\n/**\n * StoryBlock component. Only supported on iOS.\n */\nclass StoryBlock extends React.Component<IStoryBlockProps> {\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\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    const subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(this.nativeComponentRef.current);\n      FWLoggerUtil.log(\n        `StoryBlock componentDidMount createFragment viewId: ${viewId}`\n      );\n      createFragment(viewId);\n    }\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const { style } = this.props;\n\n    return (\n      <FWStoryBlock\n        ref={this.nativeComponentRef}\n        key={this._generateKey()}\n        {...this.props}\n        onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}\n        style={Object.assign({}, style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _onStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = this.props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  private _generateKey(): string {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      enablePictureInPicture = false,\n    } = this.props;\n\n    const shareBaseURL = FireworkSDK.getInstance().getShareBaseURL() ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().getVideoLaunchBehavior() ?? 'default';\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\n\n    return key;\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n\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\nexport default StoryBlock;\n"]}
+{"version":3,"sources":["StoryBlock.tsx"],"names":["NativeComponentName","createFragment","viewId","Platform","OS","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","React","Component","createRef","event","FWLoggerUtil","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","setState","_subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","_nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","enablePictureInPicture","shareBaseURL","FireworkSDK","getInstance","getShareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","videoLaunchBehavior","getVideoLaunchBehavior","key","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport { findNodeHandle, Platform, UIManager } from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nconst createFragment = (viewId: any) => {\n  if (Platform.OS === 'android') {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      UIManager.getViewManagerConfig(\n        NativeComponentName\n      ).Commands.create.toString(),\n      [viewId]\n    );\n  }\n};\n\n/**\n * The props type of StoryBlock component.\n */\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * Specifies if Picture in Picture is enabled.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\n/**\n * StoryBlock component. Only supported on iOS.\n */\nclass StoryBlock extends React.Component<IStoryBlockProps> {\n  private _nativeComponentRef = React.createRef<any>();\n\n  private _subscriptions: EmitterSubscription[] = [];\n\n  /**\n   * @ignore\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    const subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\n          this.setState({});\n        }\n      );\n    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(this._nativeComponentRef.current);\n      FWLoggerUtil.log(\n        `StoryBlock componentDidMount createFragment viewId: ${viewId}`\n      );\n      createFragment(viewId);\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  componentWillUnmount() {\n    this._subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this._subscriptions = [];\n  }\n\n  /**\n   * @ignore\n   */\n  render() {\n    const { style } = this.props;\n\n    return (\n      <FWStoryBlock\n        ref={this._nativeComponentRef}\n        key={this._generateKey()}\n        {...this.props}\n        onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}\n        style={Object.assign({}, style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _onStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = this.props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  private _generateKey(): string {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      enablePictureInPicture = false,\n    } = this.props;\n\n    const shareBaseURL = FireworkSDK.getInstance().getShareBaseURL() ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().getVideoLaunchBehavior() ?? 'default';\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\n\n    return key;\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n\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\nexport default StoryBlock;\n"]}

package/lib/commonjs/components/VideoFeed.js

@@ -34,14 +34,14 @@ class VideoFeed extends _react.default.Component {
   constructor() {
     super(...arguments);
 
-    _defineProperty(this, "nativeComponentRef", /*#__PURE__*/_react.default.createRef());
+    _defineProperty(this, "_nativeComponentRef", /*#__PURE__*/_react.default.createRef());
 
-    _defineProperty(this, "subscriptions", []);
+    _defineProperty(this, "_subscriptions", []);
 
     _defineProperty(this, "refresh", () => {
       _FWLoggerUtil.default.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);
 
-      const nativeNodeHandle = (0, _reactNative.findNodeHandle)(this.nativeComponentRef.current);
+      const nativeNodeHandle = (0, _reactNative.findNodeHandle)(this._nativeComponentRef.current);
 
       let commandId = _reactNative.UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh;
 
@@ -82,6 +82,9 @@ class VideoFeed extends _react.default.Component {
     });
   }
 
+  /**
+   * @ignore
+   */
   componentDidMount() {
     _FWLoggerUtil.default.log(`VideoFeed componentDidMount ${JSON.stringify(this.props)}`);
 
@@ -91,7 +94,7 @@ class VideoFeed extends _react.default.Component {
       this.setState({});
     });
 
-    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);
+    this._subscriptions.push(subscriptionOfShareBaseURLUpdated);
 
     const subscriptionOfAdBadgeConfigurationUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.AdBadgeConfigurationUpdated, () => {
       _FWLoggerUtil.default.log('Receive FWEventName.AdBadgeConfigurationUpdated');
@@ -99,7 +102,7 @@ class VideoFeed extends _react.default.Component {
       this.setState({});
     });
 
-    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
+    this._subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
 
     const subscriptionOfVideoLaunchBehaviorUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.VideoLaunchBehaviorUpdated, () => {
       _FWLoggerUtil.default.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
@@ -107,17 +110,26 @@ class VideoFeed extends _react.default.Component {
       this.setState({});
     });
 
-    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
+    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
   }
+  /**
+   * @ignore
+   */
+
 
   componentWillUnmount() {
     _FWLoggerUtil.default.log(`VideoFeed componentWillUnmount ${JSON.stringify(this.props)}`);
 
-    this.subscriptions.forEach(value => {
+    this._subscriptions.forEach(value => {
       value.remove();
     });
-    this.subscriptions = [];
+
+    this._subscriptions = [];
   }
+  /**
+   * @ignore
+   */
+
 
   render() {
     var _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _videoFeedConfigurati4, _videoFeedConfigurati5, _adConfiguration$requ, _adConfiguration$adsF, _videoFeedConfigurati6, _FireworkSDK$getInsta3;
@@ -178,7 +190,7 @@ class VideoFeed extends _react.default.Component {
     return /*#__PURE__*/_react.default.createElement(_FWVideoFeed.default, _extends({
       key: key
     }, this.props, {
-      ref: this.nativeComponentRef,
+      ref: this._nativeComponentRef,
       onVideoFeedLoadFinished: this._onVideoFeedLoadFinished,
       mode: mode,
       style: Object.assign({}, this.props.style, {

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

@@ -1 +1 @@
-{"version":3,"sources":["VideoFeed.tsx"],"names":["NativeComponentName","VideoFeed","React","Component","createRef","FWLoggerUtil","log","JSON","stringify","props","nativeNodeHandle","nativeComponentRef","current","commandId","UIManager","getViewManagerConfig","Commands","refresh","Platform","OS","toString","dispatchViewManagerCommand","event","nativeEvent","onVideoFeedLoadFinished","name","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","adConfiguration","enablePictureInPicture","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","shareBaseURL","FireworkSDK","getInstance","getShareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","requiresAds","adsFetchTimeout","vastAttributesString","_generateVastAttributesString","showAdBadge","videoLaunchBehavior","getVideoLaunchBehavior","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length","vastAttributes","attribute","Math","floor"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  NativeSyntheticEvent,\n  Platform,\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 AdConfiguration from '../models/AdConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\n/**\n * The props of VideoFeed component.\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.The playlistGroup is only supported on iOS\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. Only supported on iOS.\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   * Ad configuration of the feed. Only supported on iOS.\n   */\n  adConfiguration?: AdConfiguration;\n  /**\n   * Specifies if Picture in Picture is enabled.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined. Only supported on iOS.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\n/**\n * VideoFeed component.\n */\nclass 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    let commandId: string | number =\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh;\n    if (Platform.OS === 'android') {\n      commandId = commandId.toString();\n    }\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      commandId,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`\n    );\n    const { onVideoFeedLoadFinished } = this.props;\n\n    const { name, reason } = event.nativeEvent;\n\n    if (onVideoFeedLoadFinished) {\n      if (name) {\n        if (reason) {\n          onVideoFeedLoadFinished({ name, reason });\n        } else {\n          onVideoFeedLoadFinished({ name });\n        }\n      } else {\n        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    const subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);\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      adConfiguration,\n      enablePictureInPicture = false,\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const shareBaseURL = FireworkSDK.getInstance().getShareBaseURL() ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\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\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n    const requiresAds = adConfiguration?.requiresAds ?? false;\n    const adsFetchTimeout = adConfiguration?.adsFetchTimeout ?? 10;\n    const vastAttributesString = this._generateVastAttributesString();\n    const showAdBadge = videoFeedConfiguration?.showAdBadge ?? false;\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().getVideoLaunchBehavior() ?? 'default';\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 += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_gridColumns:${gridColumns}`;\n    key += `_requiresAds:${requiresAds}`;\n    key += `_adsFetchTimeout:${adsFetchTimeout}`;\n    key += `_vastAttributes:${vastAttributesString}`;\n    key += `_showAdBadge:${showAdBadge}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\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 _generateVastAttributesString(): string {\n    const { adConfiguration } = this.props;\n    const vastAttributes = adConfiguration?.vastAttributes ?? '';\n    if (!vastAttributes) {\n      return '';\n    }\n\n    let resultString = '';\n    for (const attribute of vastAttributes) {\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n      resultString += `${attribute.name ?? ''}:${attribute.value}`;\n    }\n\n    return resultString;\n  }\n\n  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {\n    const { videoFeedConfiguration } = this.props;\n    if (!videoFeedConfiguration) {\n      return videoFeedConfiguration;\n    }\n\n    if (\n      videoFeedConfiguration.gridColumns &&\n      Math.floor(videoFeedConfiguration.gridColumns!) !==\n        videoFeedConfiguration.gridColumns\n    ) {\n      return {\n        ...videoFeedConfiguration,\n        gridColumns: Math.floor(videoFeedConfiguration.gridColumns!),\n      };\n    } else {\n      return videoFeedConfiguration;\n    }\n  }\n}\n\nexport default VideoFeed;\n"]}
+{"version":3,"sources":["VideoFeed.tsx"],"names":["NativeComponentName","VideoFeed","React","Component","createRef","FWLoggerUtil","log","JSON","stringify","props","nativeNodeHandle","_nativeComponentRef","current","commandId","UIManager","getViewManagerConfig","Commands","refresh","Platform","OS","toString","dispatchViewManagerCommand","event","nativeEvent","onVideoFeedLoadFinished","name","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","setState","_subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","adConfiguration","enablePictureInPicture","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","shareBaseURL","FireworkSDK","getInstance","getShareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","requiresAds","adsFetchTimeout","vastAttributesString","_generateVastAttributesString","showAdBadge","videoLaunchBehavior","getVideoLaunchBehavior","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length","vastAttributes","attribute","Math","floor"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  NativeSyntheticEvent,\n  Platform,\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 AdConfiguration from '../models/AdConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\n/**\n * The props of VideoFeed component.\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.The playlistGroup is only supported on iOS\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. Only supported on iOS.\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   * Ad configuration of the feed. Only supported on iOS.\n   */\n  adConfiguration?: AdConfiguration;\n  /**\n   * Specifies if Picture in Picture is enabled.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined. Only supported on iOS.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\n/**\n * VideoFeed component.\n */\nclass VideoFeed extends React.Component<IVideoFeedProps> {\n  /**\n   * @ignore\n   */\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  private _nativeComponentRef = React.createRef<any>();\n\n  private _subscriptions: EmitterSubscription[] = [];\n\n  public refresh = () => {\n    FWLoggerUtil.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);\n\n    const nativeNodeHandle = findNodeHandle(this._nativeComponentRef.current);\n\n    let commandId: string | number =\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh;\n    if (Platform.OS === 'android') {\n      commandId = commandId.toString();\n    }\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      commandId,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`\n    );\n    const { onVideoFeedLoadFinished } = this.props;\n\n    const { name, reason } = event.nativeEvent;\n\n    if (onVideoFeedLoadFinished) {\n      if (name) {\n        if (reason) {\n          onVideoFeedLoadFinished({ name, reason });\n        } else {\n          onVideoFeedLoadFinished({ name });\n        }\n      } else {\n        onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  /**\n   * @ignore\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    const subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\n          this.setState({});\n        }\n      );\n    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);\n  }\n\n  /**\n   * @ignore\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  /**\n   * @ignore\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      adConfiguration,\n      enablePictureInPicture = false,\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const shareBaseURL = FireworkSDK.getInstance().getShareBaseURL() ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\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\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n    const requiresAds = adConfiguration?.requiresAds ?? false;\n    const adsFetchTimeout = adConfiguration?.adsFetchTimeout ?? 10;\n    const vastAttributesString = this._generateVastAttributesString();\n    const showAdBadge = videoFeedConfiguration?.showAdBadge ?? false;\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().getVideoLaunchBehavior() ?? 'default';\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 += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_gridColumns:${gridColumns}`;\n    key += `_requiresAds:${requiresAds}`;\n    key += `_adsFetchTimeout:${adsFetchTimeout}`;\n    key += `_vastAttributes:${vastAttributesString}`;\n    key += `_showAdBadge:${showAdBadge}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\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 _generateVastAttributesString(): string {\n    const { adConfiguration } = this.props;\n    const vastAttributes = adConfiguration?.vastAttributes ?? '';\n    if (!vastAttributes) {\n      return '';\n    }\n\n    let resultString = '';\n    for (const attribute of vastAttributes) {\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n      resultString += `${attribute.name ?? ''}:${attribute.value}`;\n    }\n\n    return resultString;\n  }\n\n  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {\n    const { videoFeedConfiguration } = this.props;\n    if (!videoFeedConfiguration) {\n      return videoFeedConfiguration;\n    }\n\n    if (\n      videoFeedConfiguration.gridColumns &&\n      Math.floor(videoFeedConfiguration.gridColumns!) !==\n        videoFeedConfiguration.gridColumns\n    ) {\n      return {\n        ...videoFeedConfiguration,\n        gridColumns: Math.floor(videoFeedConfiguration.gridColumns!),\n      };\n    } else {\n      return videoFeedConfiguration;\n    }\n  }\n}\n\nexport default VideoFeed;\n"]}

package/lib/module/components/StoryBlock.js

@@ -28,9 +28,9 @@ class StoryBlock extends React.Component {
   constructor() {
     super(...arguments);
 
-    _defineProperty(this, "nativeComponentRef", /*#__PURE__*/React.createRef());
+    _defineProperty(this, "_nativeComponentRef", /*#__PURE__*/React.createRef());
 
-    _defineProperty(this, "subscriptions", []);
+    _defineProperty(this, "_subscriptions", []);
 
     _defineProperty(this, "_onStoryBlockLoadFinished", event => {
       FWLoggerUtil.log(`StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`);
@@ -61,41 +61,58 @@ class StoryBlock extends React.Component {
     });
   }
 
+  /**
+   * @ignore
+   */
   componentDidMount() {
     const subscriptionOfShareBaseURLUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.ShareBaseURLUpdated, () => {
       this.setState({});
     });
-    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);
+
+    this._subscriptions.push(subscriptionOfShareBaseURLUpdated);
+
     const subscriptionOfAdBadgeConfigurationUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AdBadgeConfigurationUpdated, () => {
       this.setState({});
     });
-    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
+
+    this._subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
+
     const subscriptionOfVideoLaunchBehaviorUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.VideoLaunchBehaviorUpdated, () => {
       FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
       this.setState({});
     });
-    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
+
+    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
 
     if (Platform.OS === 'android') {
-      const viewId = findNodeHandle(this.nativeComponentRef.current);
+      const viewId = findNodeHandle(this._nativeComponentRef.current);
       FWLoggerUtil.log(`StoryBlock componentDidMount createFragment viewId: ${viewId}`);
       createFragment(viewId);
     }
   }
+  /**
+   * @ignore
+   */
+
 
   componentWillUnmount() {
-    this.subscriptions.forEach(value => {
+    this._subscriptions.forEach(value => {
       value.remove();
     });
-    this.subscriptions = [];
+
+    this._subscriptions = [];
   }
+  /**
+   * @ignore
+   */
+
 
   render() {
     const {
       style
     } = this.props;
     return /*#__PURE__*/React.createElement(FWStoryBlock, _extends({
-      ref: this.nativeComponentRef,
+      ref: this._nativeComponentRef,
       key: this._generateKey()
     }, this.props, {
       onStoryBlockLoadFinished: this._onStoryBlockLoadFinished,

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

@@ -1 +1 @@
-{"version":3,"sources":["StoryBlock.tsx"],"names":["React","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWStoryBlock","NativeComponentName","createFragment","viewId","OS","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","Component","createRef","event","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","enablePictureInPicture","shareBaseURL","getInstance","getShareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","videoLaunchBehavior","getVideoLaunchBehavior","key","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport { findNodeHandle, Platform, UIManager } from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nconst createFragment = (viewId: any) => {\n  if (Platform.OS === 'android') {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      UIManager.getViewManagerConfig(\n        NativeComponentName\n      ).Commands.create.toString(),\n      [viewId]\n    );\n  }\n};\n\n/**\n * The props type of StoryBlock component.\n */\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * Specifies if Picture in Picture is enabled.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\n/**\n * StoryBlock component. Only supported on iOS.\n */\nclass StoryBlock extends React.Component<IStoryBlockProps> {\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\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    const subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(this.nativeComponentRef.current);\n      FWLoggerUtil.log(\n        `StoryBlock componentDidMount createFragment viewId: ${viewId}`\n      );\n      createFragment(viewId);\n    }\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const { style } = this.props;\n\n    return (\n      <FWStoryBlock\n        ref={this.nativeComponentRef}\n        key={this._generateKey()}\n        {...this.props}\n        onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}\n        style={Object.assign({}, style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _onStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = this.props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  private _generateKey(): string {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      enablePictureInPicture = false,\n    } = this.props;\n\n    const shareBaseURL = FireworkSDK.getInstance().getShareBaseURL() ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().getVideoLaunchBehavior() ?? 'default';\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\n\n    return key;\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n\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\nexport default StoryBlock;\n"]}
+{"version":3,"sources":["StoryBlock.tsx"],"names":["React","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWStoryBlock","NativeComponentName","createFragment","viewId","OS","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","Component","createRef","event","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","_subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","_nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","enablePictureInPicture","shareBaseURL","getInstance","getShareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","videoLaunchBehavior","getVideoLaunchBehavior","key","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport { findNodeHandle, Platform, UIManager } from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nconst createFragment = (viewId: any) => {\n  if (Platform.OS === 'android') {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      UIManager.getViewManagerConfig(\n        NativeComponentName\n      ).Commands.create.toString(),\n      [viewId]\n    );\n  }\n};\n\n/**\n * The props type of StoryBlock component.\n */\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * Specifies if Picture in Picture is enabled.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\n/**\n * StoryBlock component. Only supported on iOS.\n */\nclass StoryBlock extends React.Component<IStoryBlockProps> {\n  private _nativeComponentRef = React.createRef<any>();\n\n  private _subscriptions: EmitterSubscription[] = [];\n\n  /**\n   * @ignore\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    const subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\n          this.setState({});\n        }\n      );\n    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(this._nativeComponentRef.current);\n      FWLoggerUtil.log(\n        `StoryBlock componentDidMount createFragment viewId: ${viewId}`\n      );\n      createFragment(viewId);\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  componentWillUnmount() {\n    this._subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this._subscriptions = [];\n  }\n\n  /**\n   * @ignore\n   */\n  render() {\n    const { style } = this.props;\n\n    return (\n      <FWStoryBlock\n        ref={this._nativeComponentRef}\n        key={this._generateKey()}\n        {...this.props}\n        onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}\n        style={Object.assign({}, style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _onStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = this.props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  private _generateKey(): string {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      enablePictureInPicture = false,\n    } = this.props;\n\n    const shareBaseURL = FireworkSDK.getInstance().getShareBaseURL() ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().getVideoLaunchBehavior() ?? 'default';\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\n\n    return key;\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n\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\nexport default StoryBlock;\n"]}

package/lib/module/components/VideoFeed.js

@@ -18,13 +18,13 @@ class VideoFeed extends React.Component {
   constructor() {
     super(...arguments);
 
-    _defineProperty(this, "nativeComponentRef", /*#__PURE__*/React.createRef());
+    _defineProperty(this, "_nativeComponentRef", /*#__PURE__*/React.createRef());
 
-    _defineProperty(this, "subscriptions", []);
+    _defineProperty(this, "_subscriptions", []);
 
     _defineProperty(this, "refresh", () => {
       FWLoggerUtil.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);
-      const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);
+      const nativeNodeHandle = findNodeHandle(this._nativeComponentRef.current);
       let commandId = UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh;
 
       if (Platform.OS === 'android') {
@@ -63,32 +63,50 @@ class VideoFeed extends React.Component {
     });
   }
 
+  /**
+   * @ignore
+   */
   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);
+
+    this._subscriptions.push(subscriptionOfShareBaseURLUpdated);
+
     const subscriptionOfAdBadgeConfigurationUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AdBadgeConfigurationUpdated, () => {
       FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');
       this.setState({});
     });
-    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
+
+    this._subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
+
     const subscriptionOfVideoLaunchBehaviorUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.VideoLaunchBehaviorUpdated, () => {
       FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
       this.setState({});
     });
-    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
+
+    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
   }
+  /**
+   * @ignore
+   */
+
 
   componentWillUnmount() {
     FWLoggerUtil.log(`VideoFeed componentWillUnmount ${JSON.stringify(this.props)}`);
-    this.subscriptions.forEach(value => {
+
+    this._subscriptions.forEach(value => {
       value.remove();
     });
-    this.subscriptions = [];
+
+    this._subscriptions = [];
   }
+  /**
+   * @ignore
+   */
+
 
   render() {
     var _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _videoFeedConfigurati4, _videoFeedConfigurati5, _adConfiguration$requ, _adConfiguration$adsF, _videoFeedConfigurati6, _FireworkSDK$getInsta3;
@@ -148,7 +166,7 @@ class VideoFeed extends React.Component {
     return /*#__PURE__*/React.createElement(FWVideoFeed, _extends({
       key: key
     }, this.props, {
-      ref: this.nativeComponentRef,
+      ref: this._nativeComponentRef,
       onVideoFeedLoadFinished: this._onVideoFeedLoadFinished,
       mode: mode,
       style: Object.assign({}, this.props.style, {

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

@@ -1 +1 @@
-{"version":3,"sources":["VideoFeed.tsx"],"names":["React","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","log","JSON","stringify","props","nativeNodeHandle","nativeComponentRef","current","commandId","getViewManagerConfig","Commands","refresh","OS","toString","dispatchViewManagerCommand","event","nativeEvent","onVideoFeedLoadFinished","name","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","adConfiguration","enablePictureInPicture","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","shareBaseURL","getInstance","getShareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","requiresAds","adsFetchTimeout","vastAttributesString","_generateVastAttributesString","showAdBadge","videoLaunchBehavior","getVideoLaunchBehavior","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length","vastAttributes","attribute","Math","floor"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  NativeSyntheticEvent,\n  Platform,\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 AdConfiguration from '../models/AdConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\n/**\n * The props of VideoFeed component.\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.The playlistGroup is only supported on iOS\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. Only supported on iOS.\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   * Ad configuration of the feed. Only supported on iOS.\n   */\n  adConfiguration?: AdConfiguration;\n  /**\n   * Specifies if Picture in Picture is enabled.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined. Only supported on iOS.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\n/**\n * VideoFeed component.\n */\nclass 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    let commandId: string | number =\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh;\n    if (Platform.OS === 'android') {\n      commandId = commandId.toString();\n    }\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      commandId,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`\n    );\n    const { onVideoFeedLoadFinished } = this.props;\n\n    const { name, reason } = event.nativeEvent;\n\n    if (onVideoFeedLoadFinished) {\n      if (name) {\n        if (reason) {\n          onVideoFeedLoadFinished({ name, reason });\n        } else {\n          onVideoFeedLoadFinished({ name });\n        }\n      } else {\n        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    const subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);\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      adConfiguration,\n      enablePictureInPicture = false,\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const shareBaseURL = FireworkSDK.getInstance().getShareBaseURL() ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\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\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n    const requiresAds = adConfiguration?.requiresAds ?? false;\n    const adsFetchTimeout = adConfiguration?.adsFetchTimeout ?? 10;\n    const vastAttributesString = this._generateVastAttributesString();\n    const showAdBadge = videoFeedConfiguration?.showAdBadge ?? false;\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().getVideoLaunchBehavior() ?? 'default';\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 += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_gridColumns:${gridColumns}`;\n    key += `_requiresAds:${requiresAds}`;\n    key += `_adsFetchTimeout:${adsFetchTimeout}`;\n    key += `_vastAttributes:${vastAttributesString}`;\n    key += `_showAdBadge:${showAdBadge}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\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 _generateVastAttributesString(): string {\n    const { adConfiguration } = this.props;\n    const vastAttributes = adConfiguration?.vastAttributes ?? '';\n    if (!vastAttributes) {\n      return '';\n    }\n\n    let resultString = '';\n    for (const attribute of vastAttributes) {\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n      resultString += `${attribute.name ?? ''}:${attribute.value}`;\n    }\n\n    return resultString;\n  }\n\n  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {\n    const { videoFeedConfiguration } = this.props;\n    if (!videoFeedConfiguration) {\n      return videoFeedConfiguration;\n    }\n\n    if (\n      videoFeedConfiguration.gridColumns &&\n      Math.floor(videoFeedConfiguration.gridColumns!) !==\n        videoFeedConfiguration.gridColumns\n    ) {\n      return {\n        ...videoFeedConfiguration,\n        gridColumns: Math.floor(videoFeedConfiguration.gridColumns!),\n      };\n    } else {\n      return videoFeedConfiguration;\n    }\n  }\n}\n\nexport default VideoFeed;\n"]}
+{"version":3,"sources":["VideoFeed.tsx"],"names":["React","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","log","JSON","stringify","props","nativeNodeHandle","_nativeComponentRef","current","commandId","getViewManagerConfig","Commands","refresh","OS","toString","dispatchViewManagerCommand","event","nativeEvent","onVideoFeedLoadFinished","name","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","_subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","adConfiguration","enablePictureInPicture","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","shareBaseURL","getInstance","getShareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","requiresAds","adsFetchTimeout","vastAttributesString","_generateVastAttributesString","showAdBadge","videoLaunchBehavior","getVideoLaunchBehavior","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length","vastAttributes","attribute","Math","floor"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  NativeSyntheticEvent,\n  Platform,\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 AdConfiguration from '../models/AdConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\n/**\n * The props of VideoFeed component.\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.The playlistGroup is only supported on iOS\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. Only supported on iOS.\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   * Ad configuration of the feed. Only supported on iOS.\n   */\n  adConfiguration?: AdConfiguration;\n  /**\n   * Specifies if Picture in Picture is enabled.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined. Only supported on iOS.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\n/**\n * VideoFeed component.\n */\nclass VideoFeed extends React.Component<IVideoFeedProps> {\n  /**\n   * @ignore\n   */\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  private _nativeComponentRef = React.createRef<any>();\n\n  private _subscriptions: EmitterSubscription[] = [];\n\n  public refresh = () => {\n    FWLoggerUtil.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);\n\n    const nativeNodeHandle = findNodeHandle(this._nativeComponentRef.current);\n\n    let commandId: string | number =\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh;\n    if (Platform.OS === 'android') {\n      commandId = commandId.toString();\n    }\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      commandId,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`\n    );\n    const { onVideoFeedLoadFinished } = this.props;\n\n    const { name, reason } = event.nativeEvent;\n\n    if (onVideoFeedLoadFinished) {\n      if (name) {\n        if (reason) {\n          onVideoFeedLoadFinished({ name, reason });\n        } else {\n          onVideoFeedLoadFinished({ name });\n        }\n      } else {\n        onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  /**\n   * @ignore\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    const subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\n          this.setState({});\n        }\n      );\n    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);\n  }\n\n  /**\n   * @ignore\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  /**\n   * @ignore\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      adConfiguration,\n      enablePictureInPicture = false,\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const shareBaseURL = FireworkSDK.getInstance().getShareBaseURL() ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\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\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n    const requiresAds = adConfiguration?.requiresAds ?? false;\n    const adsFetchTimeout = adConfiguration?.adsFetchTimeout ?? 10;\n    const vastAttributesString = this._generateVastAttributesString();\n    const showAdBadge = videoFeedConfiguration?.showAdBadge ?? false;\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().getVideoLaunchBehavior() ?? 'default';\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 += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_gridColumns:${gridColumns}`;\n    key += `_requiresAds:${requiresAds}`;\n    key += `_adsFetchTimeout:${adsFetchTimeout}`;\n    key += `_vastAttributes:${vastAttributesString}`;\n    key += `_showAdBadge:${showAdBadge}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\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 _generateVastAttributesString(): string {\n    const { adConfiguration } = this.props;\n    const vastAttributes = adConfiguration?.vastAttributes ?? '';\n    if (!vastAttributes) {\n      return '';\n    }\n\n    let resultString = '';\n    for (const attribute of vastAttributes) {\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n      resultString += `${attribute.name ?? ''}:${attribute.value}`;\n    }\n\n    return resultString;\n  }\n\n  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {\n    const { videoFeedConfiguration } = this.props;\n    if (!videoFeedConfiguration) {\n      return videoFeedConfiguration;\n    }\n\n    if (\n      videoFeedConfiguration.gridColumns &&\n      Math.floor(videoFeedConfiguration.gridColumns!) !==\n        videoFeedConfiguration.gridColumns\n    ) {\n      return {\n        ...videoFeedConfiguration,\n        gridColumns: Math.floor(videoFeedConfiguration.gridColumns!),\n      };\n    } else {\n      return videoFeedConfiguration;\n    }\n  }\n}\n\nexport default VideoFeed;\n"]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { EmitterSubscription, StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import type FWError from '../models/FWError';
 import type { StoryBlockSource } from '../models/StoryBlockSource';
 /**
@@ -41,10 +41,19 @@ export interface IStoryBlockProps {
  * StoryBlock component. Only supported on iOS.
  */
 declare class StoryBlock extends React.Component<IStoryBlockProps> {
-    nativeComponentRef: React.RefObject<any>;
-    subscriptions: EmitterSubscription[];
+    private _nativeComponentRef;
+    private _subscriptions;
+    /**
+     * @ignore
+     */
     componentDidMount(): void;
+    /**
+     * @ignore
+     */
     componentWillUnmount(): void;
+    /**
+     * @ignore
+     */
     render(): JSX.Element;
     private _onStoryBlockLoadFinished;
     private _generateKey;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EmitterSubscription, StyleProp, ViewStyle } from 'react-native';
+import { StyleProp, ViewStyle } from 'react-native';
 import type FWError from '../models/FWError';
 import type AdConfiguration from '../models/AdConfiguration';
 import type VideoFeedConfiguration from '../models/VideoFeedConfiguration';
@@ -65,18 +65,27 @@ export interface IVideoFeedProps {
  * VideoFeed component.
  */
 declare class VideoFeed extends React.Component<IVideoFeedProps> {
+    /**
+     * @ignore
+     */
     static defaultProps: {
         mode: string;
     };
-    nativeComponentRef: React.RefObject<any>;
-    subscriptions: EmitterSubscription[];
-    /**
-     * Force refreshing the video feed.
-     */
+    private _nativeComponentRef;
+    private _subscriptions;
     refresh: () => void;
     private _onVideoFeedLoadFinished;
+    /**
+     * @ignore
+     */
     componentDidMount(): void;
+    /**
+     * @ignore
+     */
     componentWillUnmount(): void;
+    /**
+     * @ignore
+     */
     render(): JSX.Element;
     private _generateDynamicContentParametersString;
     private _generateVastAttributesString;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0",
   "description": "Firework React Native SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -60,7 +60,7 @@
     "react-native": "0.66.4",
     "react-native-builder-bob": "^0.18.0",
     "typedoc": "^0.23.27",
-    "typescript": "^4.6.2"
+    "typescript": "^4.9.5"
   },
   "peerDependencies": {
     "react": "*",
@@ -101,7 +101,8 @@
   },
   "eslintIgnore": [
     "node_modules/",
-    "lib/"
+    "lib/",
+    "docs/"
   ],
   "prettier": {
     "quoteProps": "consistent",

package/src/components/StoryBlock.tsx

@@ -68,9 +68,13 @@ export interface IStoryBlockProps {
  * StoryBlock component. Only supported on iOS.
  */
 class StoryBlock extends React.Component<IStoryBlockProps> {
-  nativeComponentRef = React.createRef<any>();
+  private _nativeComponentRef = React.createRef<any>();
 
-  subscriptions: EmitterSubscription[] = [];
+  private _subscriptions: EmitterSubscription[] = [];
+
+  /**
+   * @ignore
+   */
   componentDidMount() {
     const subscriptionOfShareBaseURLUpdated =
       FireworkSDKModuleEventEmitter.addListener(
@@ -79,7 +83,7 @@ class StoryBlock extends React.Component<IStoryBlockProps> {
           this.setState({});
         }
       );
-    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);
+    this._subscriptions.push(subscriptionOfShareBaseURLUpdated);
 
     const subscriptionOfAdBadgeConfigurationUpdated =
       FireworkSDKModuleEventEmitter.addListener(
@@ -88,7 +92,7 @@ class StoryBlock extends React.Component<IStoryBlockProps> {
           this.setState({});
         }
       );
-    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
+    this._subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
 
     const subscriptionOfVideoLaunchBehaviorUpdated =
       FireworkSDKModuleEventEmitter.addListener(
@@ -98,10 +102,10 @@ class StoryBlock extends React.Component<IStoryBlockProps> {
           this.setState({});
         }
       );
-    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
+    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
 
     if (Platform.OS === 'android') {
-      const viewId = findNodeHandle(this.nativeComponentRef.current);
+      const viewId = findNodeHandle(this._nativeComponentRef.current);
       FWLoggerUtil.log(
         `StoryBlock componentDidMount createFragment viewId: ${viewId}`
       );
@@ -109,20 +113,26 @@ class StoryBlock extends React.Component<IStoryBlockProps> {
     }
   }
 
+  /**
+   * @ignore
+   */
   componentWillUnmount() {
-    this.subscriptions.forEach((value) => {
+    this._subscriptions.forEach((value) => {
       value.remove();
     });
 
-    this.subscriptions = [];
+    this._subscriptions = [];
   }
 
+  /**
+   * @ignore
+   */
   render() {
     const { style } = this.props;
 
     return (
       <FWStoryBlock
-        ref={this.nativeComponentRef}
+        ref={this._nativeComponentRef}
         key={this._generateKey()}
         {...this.props}
         onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}

package/src/components/VideoFeed.tsx

@@ -83,21 +83,21 @@ const NativeComponentName = 'FWVideoFeed';
  * VideoFeed component.
  */
 class VideoFeed extends React.Component<IVideoFeedProps> {
+  /**
+   * @ignore
+   */
   static defaultProps = {
     mode: 'row',
   };
 
-  nativeComponentRef = React.createRef<any>();
+  private _nativeComponentRef = React.createRef<any>();
 
-  subscriptions: EmitterSubscription[] = [];
+  private _subscriptions: EmitterSubscription[] = [];
 
-  /**
-   * Force refreshing the video feed.
-   */
   public refresh = () => {
     FWLoggerUtil.log(`VideoFeed refresh ${JSON.stringify(this.props)}`);
 
-    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);
+    const nativeNodeHandle = findNodeHandle(this._nativeComponentRef.current);
 
     let commandId: string | number =
       UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh;
@@ -133,6 +133,9 @@ class VideoFeed extends React.Component<IVideoFeedProps> {
     }
   };
 
+  /**
+   * @ignore
+   */
   componentDidMount() {
     FWLoggerUtil.log(
       `VideoFeed componentDidMount ${JSON.stringify(this.props)}`
@@ -146,7 +149,7 @@ class VideoFeed extends React.Component<IVideoFeedProps> {
           this.setState({});
         }
       );
-    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);
+    this._subscriptions.push(subscriptionOfShareBaseURLUpdated);
 
     const subscriptionOfAdBadgeConfigurationUpdated =
       FireworkSDKModuleEventEmitter.addListener(
@@ -156,7 +159,7 @@ class VideoFeed extends React.Component<IVideoFeedProps> {
           this.setState({});
         }
       );
-    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
+    this._subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
 
     const subscriptionOfVideoLaunchBehaviorUpdated =
       FireworkSDKModuleEventEmitter.addListener(
@@ -166,21 +169,27 @@ class VideoFeed extends React.Component<IVideoFeedProps> {
           this.setState({});
         }
       );
-    this.subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
+    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
   }
 
+  /**
+   * @ignore
+   */
   componentWillUnmount() {
     FWLoggerUtil.log(
       `VideoFeed componentWillUnmount ${JSON.stringify(this.props)}`
     );
 
-    this.subscriptions.forEach((value) => {
+    this._subscriptions.forEach((value) => {
       value.remove();
     });
 
-    this.subscriptions = [];
+    this._subscriptions = [];
   }
 
+  /**
+   * @ignore
+   */
   render() {
     FWLoggerUtil.log(`VideoFeed render ${JSON.stringify(this.props)}`);
 
@@ -239,7 +248,7 @@ class VideoFeed extends React.Component<IVideoFeedProps> {
       <FWVideoFeed
         key={key}
         {...this.props}
-        ref={this.nativeComponentRef}
+        ref={this._nativeComponentRef}
         onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}
         mode={mode}
         style={Object.assign({}, this.props.style, { zIndex: -1 })}