react-native-firework-sdk 2.2.0 → 2.2.2

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","subscriptionOfAppLanguageUpdated","AppLanguageUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","adConfiguration","enablePictureInPicture","hashtagFilterExpression","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","gShareBaseURL","getInstance","shareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","requiresAds","adsFetchTimeout","vastAttributesString","_generateVastAttributesString","showAdBadge","videoLaunchBehavior","appLanguage","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   * Hashtag filter expression is an s-expression used to provide feeds filtered by hashtags with specified criteria.\n   * Queries are specified with boolean predicates on what hashtags are there on the video.\n   * For instance, (and sport food) (or sport food) (and sport (or food comedy)) sport are all valid expressions.\n   * Non-UTF-8 characters are not allowed. If using boolean predicates, the expression needs to be wrapped with parenthesis.\n   */\n  hashtagFilterExpression?: 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    const subscriptionOfAppLanguageUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AppLanguageUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');\n          this.setState({});\n        }\n      );\n    this._subscriptions.push(subscriptionOfAppLanguageUpdated);\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      hashtagFilterExpression = '',\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\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().videoLaunchBehavior ?? 'default';\n    const appLanguage = FireworkSDK.getInstance().appLanguage ?? '';\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 += `_gShareBaseURL:${gShareBaseURL}`;\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    key += `_appLanguage:${appLanguage}`;\n    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;\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","subscriptionOfAppLanguageUpdated","AppLanguageUpdated","componentWillUnmount","forEach","value","remove","render","gShareBaseURL","getInstance","shareBaseURL","appLanguage","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","videoLaunchBehavior","source","channel","playlist","playlistGroup","hashtagFilterExpression","mode","enablePictureInPicture","adConfiguration","videoPlayerConfiguration","dynamicContentParametersString","_generateDynamicContentParametersString","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","enableAutoplay","gridColumns","showAdBadge","requiresAds","adsFetchTimeout","vastAttributesString","_generateVastAttributesString","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   * Hashtag filter expression is an s-expression used to provide feeds filtered by hashtags with specified criteria.\n   * Queries are specified with boolean predicates on what hashtags are there on the video.\n   * For instance, (and sport food) (or sport food) (and sport (or food comedy)) sport are all valid expressions.\n   * Non-UTF-8 characters are not allowed. If using boolean predicates, the expression needs to be wrapped with parenthesis.\n   */\n  hashtagFilterExpression?: string;\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Specifies if Picture in Picture is enabled.\n   */\n  enablePictureInPicture?: boolean;\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   * 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    if (Platform.OS === 'ios') {\n      const subscriptionOfAppLanguageUpdated =\n        FireworkSDKModuleEventEmitter.addListener(\n          FWEventName.AppLanguageUpdated,\n          () => {\n            FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');\n            this.setState({});\n          }\n        );\n      this._subscriptions.push(subscriptionOfAppLanguageUpdated);\n    }\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    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const appLanguage = FireworkSDK.getInstance().appLanguage ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().videoLaunchBehavior ?? 'default';\n\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      playlistGroup = '',\n      hashtagFilterExpression = '',\n      mode = 'row',\n      enablePictureInPicture = false,\n      adConfiguration,\n      videoPlayerConfiguration,\n    } = this.props;\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const enableAutoplay = videoFeedConfiguration?.enableAutoplay ?? false;\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n    const showAdBadge = videoFeedConfiguration?.showAdBadge ?? false;\n\n    const shareBaseURL = videoPlayerConfiguration?.shareBaseURL ?? '';\n\n    const requiresAds = adConfiguration?.requiresAds ?? false;\n    const adsFetchTimeout = adConfiguration?.adsFetchTimeout ?? 10;\n    const vastAttributesString = this._generateVastAttributesString();\n\n    let key = `gShareBaseURL:${gShareBaseURL}`;\n    if (Platform.OS === 'ios') {\n      key += `_appLanguage:${appLanguage}`;\n    }\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\n\n    key += `_source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_playlistGroup:${playlistGroup}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;\n    key += `_mode:${mode}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n\n    key += `_titleHidden:${titleHidden}`;\n    key += `_titlePosition:${titlePosition}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_gridColumns:${gridColumns}`;\n    key += `_showAdBadge:${showAdBadge}`;\n\n    key += `_shareBaseURL:${shareBaseURL}`;\n\n    key += `_requiresAds:${requiresAds}`;\n    key += `_adsFetchTimeout:${adsFetchTimeout}`;\n    key += `_vastAttributes:${vastAttributesString}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        videoFeedConfiguration={videoFeedConfiguration}\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/FireworkSDK.d.ts

@@ -44,13 +44,10 @@ declare class FireworkSDK {
     set shareBaseURL(value: string | undefined);
     private _shareBaseURL;
     /**
-     * Get the configuration for ad badges. Only supported on iOS.
+     * The configuration for ad badges.
      */
-    getAdBadgeConfiguration(): AdBadgeConfiguration | undefined;
-    /**
-     * Set the configuration for ad badges. Only supported on iOS.
-     */
-    setAdBadgeConfiguration(value: AdBadgeConfiguration | undefined): Promise<void>;
+    get adBadgeConfiguration(): AdBadgeConfiguration | undefined;
+    set adBadgeConfiguration(value: AdBadgeConfiguration | undefined);
     private _adBadgeConfiguration;
     get appLanguage(): string | undefined | null;
     private _appLanguage;

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

@@ -47,6 +47,10 @@ export interface IVideoFeedProps {
      * One of three available display modes. Defaults to row.
      */
     mode?: VideoFeedMode;
+    /**
+     * Specifies if Picture in Picture is enabled.
+     */
+    enablePictureInPicture?: boolean;
     /**
      * Configuration of the feed.
      */
@@ -59,10 +63,6 @@ export interface IVideoFeedProps {
      * Ad configuration of the feed. Only supported on iOS.
      */
     adConfiguration?: AdConfiguration;
-    /**
-     * Specifies if Picture in Picture is enabled.
-     */
-    enablePictureInPicture?: boolean;
     /**
      * The feed loading result callback. It means loading successfully when error equals to undefined. Only supported on iOS.
      */

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

@@ -44,4 +44,11 @@ export default interface FeedItemDetails {
     dynamicContentParameters?: {
         [key: string]: string[];
     } | null;
+    /**
+     * Hashtag filter expression is an s-expression used to provide feeds filtered by hashtags with specified criteria.
+     * Queries are specified with boolean predicates on what hashtags are there on the video.
+     * For instance, (and sport food) (or sport food) (and sport (or food comedy)) sport are all valid expressions.
+     * Non-UTF-8 characters are not allowed. If using boolean predicates, the expression needs to be wrapped with parenthesis.
+     */
+    hashtagFilterExpression?: string;
 }

package/package.json

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

package/src/FireworkSDK.ts

@@ -76,25 +76,18 @@ class FireworkSDK {
     return this._shareBaseURL;
   }
   public set shareBaseURL(value: string | undefined) {
-    FireworkSDKModule.setShareBaseURL(value ?? '').then(() => {
-      this.updateInternalShareBaseURL(value);
-    });
+    this.updateInternalShareBaseURL(value);
+    FireworkSDKModule.setShareBaseURL(value ?? '');
   }
   private _shareBaseURL: string | undefined;
 
   /**
-   * Get the configuration for ad badges. Only supported on iOS.
+   * The configuration for ad badges.
    */
-  public getAdBadgeConfiguration(): AdBadgeConfiguration | undefined {
+  public get adBadgeConfiguration(): AdBadgeConfiguration | undefined {
     return this._adBadgeConfiguration;
   }
-  /**
-   * Set the configuration for ad badges. Only supported on iOS.
-   */
-  public async setAdBadgeConfiguration(
-    value: AdBadgeConfiguration | undefined
-  ): Promise<void> {
-    await FireworkSDKModule.setAdBadgeConfiguration(value ?? {});
+  public set adBadgeConfiguration(value: AdBadgeConfiguration | undefined) {
     const valueHasChanged =
       this._adBadgeConfiguration?.badgeTextType !== value?.badgeTextType ||
       this._adBadgeConfiguration?.backgroundColor !== value?.backgroundColor ||
@@ -103,6 +96,7 @@ class FireworkSDK {
     if (valueHasChanged) {
       this.eventEmitter.emit(FWEventName.AdBadgeConfigurationUpdated);
     }
+    FireworkSDKModule.setAdBadgeConfiguration(value ?? {});
   }
   private _adBadgeConfiguration: AdBadgeConfiguration | undefined;
 
@@ -230,15 +224,13 @@ class FireworkSDK {
    */
   public async init(options?: SDKInitOptions): Promise<void> {
     FWLoggerUtil.log('Call FireworkSDK init method');
-
-    FireworkSDKModule.init(options).then(() => {
-      const videoLaunchBehaviorUpdated =
-        this._videoLaunchBehavior !== options?.videoLaunchBehavior;
-      this._videoLaunchBehavior = options?.videoLaunchBehavior;
-      if (videoLaunchBehaviorUpdated) {
-        this.eventEmitter.emit(FWEventName.VideoLaunchBehaviorUpdated);
-      }
-    });
+    const videoLaunchBehaviorUpdated =
+      this._videoLaunchBehavior !== options?.videoLaunchBehavior;
+    this._videoLaunchBehavior = options?.videoLaunchBehavior;
+    if (videoLaunchBehaviorUpdated) {
+      this.eventEmitter.emit(FWEventName.VideoLaunchBehaviorUpdated);
+    }
+    FireworkSDKModule.init(options);
     ShoppingModule.init();
     LiveStreamModule.init();
   }
@@ -290,7 +282,6 @@ class FireworkSDK {
 
   private updateInternalShareBaseURL(shareBaseURL?: string) {
     const shareBaseURLChanged = this._shareBaseURL !== shareBaseURL;
-    console.log('updateInternalShareBaseURL shareBaseURL', shareBaseURL);
     this._shareBaseURL = shareBaseURL;
     if (shareBaseURLChanged) {
       this.eventEmitter.emit(FWEventName.ShareBaseURLUpdated);

package/src/components/StoryBlock.tsx

@@ -153,7 +153,9 @@ const StoryBlock: ForwardRefRenderFunction<
         FWEventName.AppLanguageUpdated,
         () => {
           FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');
-          forceUpdate();
+          if (Platform.OS === 'android') {
+            forceUpdate();
+          }
         }
       );
 
@@ -251,45 +253,50 @@ const StoryBlock: ForwardRefRenderFunction<
   };
 
   const generateKey = (): string => {
+    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';
+    const appLanguage = FireworkSDK.getInstance().appLanguage ?? '';
+    const adBadgeConfiguration =
+      FireworkSDK.getInstance().adBadgeConfiguration ?? {};
+    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';
+    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';
+    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';
+    const videoLaunchBehavior =
+      FireworkSDK.getInstance().videoLaunchBehavior ?? 'default';
+
     const {
       source,
       channel = '',
       playlist = '',
+      hashtagFilterExpression = '',
       enablePictureInPicture = false,
       adConfiguration,
-      hashtagFilterExpression = '',
     } = props;
-
-    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';
-    const videoLaunchBehavior =
-      FireworkSDK.getInstance().videoLaunchBehavior ?? 'default';
-    const adBadgeConfiguration =
-      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};
-    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';
-    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';
-    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';
     const dynamicContentParametersString =
       generateDynamicContentParametersString();
-    const appLanguage = FireworkSDK.getInstance().appLanguage ?? '';
+
     const requiresAds = adConfiguration?.requiresAds ?? false;
     const adsFetchTimeout = adConfiguration?.adsFetchTimeout ?? 10;
     const vastAttributesString = generateVastAttributesString();
 
-    let key = `source:${source}`;
-    key += `_channel:${channel}`;
-    key += `_playlist:${playlist}`;
-    key += `_gShareBaseURL:${gShareBaseURL}`;
-    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
+    let key = `gShareBaseURL:${gShareBaseURL}`;
+    if (Platform.OS === 'ios') {
+      key += `_appLanguage:${appLanguage}`;
+    }
     key += `_adBadgeTextType:${adBadgeTextType}`;
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
     key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
+    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
+
+    key += `_source:${source}`;
+    key += `_channel:${channel}`;
+    key += `_playlist:${playlist}`;
     key += `_dynamicContentParameters:${dynamicContentParametersString}`;
+    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;
     key += `_enablePictureInPicture:${enablePictureInPicture}`;
-    key += `_appLanguage:${appLanguage}`;
+
     key += `_requiresAds:${requiresAds}`;
     key += `_adsFetchTimeout:${adsFetchTimeout}`;
     key += `_vastAttributes:${vastAttributesString}`;
-    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;
 
     return key;
   };

package/src/components/VideoFeed.tsx

@@ -62,6 +62,10 @@ export interface IVideoFeedProps {
    * One of three available display modes. Defaults to row.
    */
   mode?: VideoFeedMode;
+  /**
+   * Specifies if Picture in Picture is enabled.
+   */
+  enablePictureInPicture?: boolean;
   /**
    * Configuration of the feed.
    */
@@ -74,10 +78,6 @@ export interface IVideoFeedProps {
    * Ad configuration of the feed. Only supported on iOS.
    */
   adConfiguration?: AdConfiguration;
-  /**
-   * Specifies if Picture in Picture is enabled.
-   */
-  enablePictureInPicture?: boolean;
   /**
    * The feed loading result callback. It means loading successfully when error equals to undefined. Only supported on iOS.
    */
@@ -177,15 +177,18 @@ class VideoFeed extends React.Component<IVideoFeedProps> {
         }
       );
     this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
-    const subscriptionOfAppLanguageUpdated =
-      FireworkSDKModuleEventEmitter.addListener(
-        FWEventName.AppLanguageUpdated,
-        () => {
-          FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');
-          this.setState({});
-        }
-      );
-    this._subscriptions.push(subscriptionOfAppLanguageUpdated);
+
+    if (Platform.OS === 'ios') {
+      const subscriptionOfAppLanguageUpdated =
+        FireworkSDKModuleEventEmitter.addListener(
+          FWEventName.AppLanguageUpdated,
+          () => {
+            FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');
+            this.setState({});
+          }
+        );
+      this._subscriptions.push(subscriptionOfAppLanguageUpdated);
+    }
   }
 
   /**
@@ -208,65 +211,78 @@ class VideoFeed extends React.Component<IVideoFeedProps> {
    */
   render() {
     FWLoggerUtil.log(`VideoFeed render ${JSON.stringify(this.props)}`);
+    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';
+    const appLanguage = FireworkSDK.getInstance().appLanguage ?? '';
+    const adBadgeConfiguration =
+      FireworkSDK.getInstance().adBadgeConfiguration ?? {};
+    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';
+    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';
+    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';
+    const videoLaunchBehavior =
+      FireworkSDK.getInstance().videoLaunchBehavior ?? 'default';
 
     const {
       source,
       channel = '',
       playlist = '',
       playlistGroup = '',
+      hashtagFilterExpression = '',
       mode = 'row',
-      adConfiguration,
       enablePictureInPicture = false,
-      hashtagFilterExpression = '',
+      adConfiguration,
+      videoPlayerConfiguration,
     } = this.props;
+    const dynamicContentParametersString =
+      this._generateDynamicContentParametersString();
+
     const videoFeedConfiguration = this._getVideoFeedConfiguration();
     const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;
     const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';
-    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';
-    const adBadgeConfiguration =
-      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};
-    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';
-    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';
-    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';
-    const dynamicContentParametersString =
-      this._generateDynamicContentParametersString();
     const enableAutoplay = videoFeedConfiguration?.enableAutoplay ?? false;
-
     const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;
+    const showAdBadge = videoFeedConfiguration?.showAdBadge ?? false;
+
+    const shareBaseURL = videoPlayerConfiguration?.shareBaseURL ?? '';
+
     const requiresAds = adConfiguration?.requiresAds ?? false;
     const adsFetchTimeout = adConfiguration?.adsFetchTimeout ?? 10;
     const vastAttributesString = this._generateVastAttributesString();
-    const showAdBadge = videoFeedConfiguration?.showAdBadge ?? false;
-    const videoLaunchBehavior =
-      FireworkSDK.getInstance().videoLaunchBehavior ?? 'default';
-    const appLanguage = FireworkSDK.getInstance().appLanguage ?? '';
-    let key = `source:${source}`;
+
+    let key = `gShareBaseURL:${gShareBaseURL}`;
+    if (Platform.OS === 'ios') {
+      key += `_appLanguage:${appLanguage}`;
+    }
+    key += `_adBadgeTextType:${adBadgeTextType}`;
+    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
+    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
+    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
+
+    key += `_source:${source}`;
     key += `_channel:${channel}`;
     key += `_playlist:${playlist}`;
     key += `_playlistGroup:${playlistGroup}`;
+    key += `_dynamicContentParameters:${dynamicContentParametersString}`;
+    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;
     key += `_mode:${mode}`;
+    key += `_enablePictureInPicture:${enablePictureInPicture}`;
+
     key += `_titleHidden:${titleHidden}`;
     key += `_titlePosition:${titlePosition}`;
-    key += `_gShareBaseURL:${gShareBaseURL}`;
-    key += `_adBadgeTextType:${adBadgeTextType}`;
-    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
-    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
-    key += `_dynamicContentParameters:${dynamicContentParametersString}`;
     key += `_enableAutoplay:${enableAutoplay}`;
-    key += `_enablePictureInPicture:${enablePictureInPicture}`;
     key += `_gridColumns:${gridColumns}`;
+    key += `_showAdBadge:${showAdBadge}`;
+
+    key += `_shareBaseURL:${shareBaseURL}`;
+
     key += `_requiresAds:${requiresAds}`;
     key += `_adsFetchTimeout:${adsFetchTimeout}`;
     key += `_vastAttributes:${vastAttributesString}`;
-    key += `_showAdBadge:${showAdBadge}`;
-    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
-    key += `_appLanguage:${appLanguage}`;
-    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;
 
     return (
       <FWVideoFeed
         key={key}
         {...this.props}
+        videoFeedConfiguration={videoFeedConfiguration}
         ref={this._nativeComponentRef}
         onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}
         mode={mode}

package/src/models/FeedItemDetails.ts

@@ -43,4 +43,11 @@ export default interface FeedItemDetails {
    * The dynamic content parameters of the feed. The property has value when the source is dynamicContent.
    */
   dynamicContentParameters?: { [key: string]: string[] } | null;
+  /**
+   * Hashtag filter expression is an s-expression used to provide feeds filtered by hashtags with specified criteria.
+   * Queries are specified with boolean predicates on what hashtags are there on the video.
+   * For instance, (and sport food) (or sport food) (and sport (or food comedy)) sport are all valid expressions.
+   * Non-UTF-8 characters are not allowed. If using boolean predicates, the expression needs to be wrapped with parenthesis.
+   */
+  hashtagFilterExpression?: string;
 }