react-native-firework-sdk 1.3.0-beta.2 → 1.3.0

package/lib/module/components/VideoFeed.js

@@ -60,16 +60,18 @@ export default class VideoFeed extends React.Component {
   }
 
   render() {
-    var _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _videoFeedConfigurati4, _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3;
+    var _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _videoFeedConfigurati4, _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _videoFeedConfigurati5, _videoFeedConfigurati6;
 
     const {
       source,
       channel = '',
       playlist = '',
       playlistGroup = '',
-      mode = 'row',
-      videoFeedConfiguration
+      mode = 'row'
     } = this.props;
+
+    const videoFeedConfiguration = this._getVideoFeedConfiguration();
+
     const titleHidden = (_videoFeedConfigurati = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati2 = videoFeedConfiguration.title) === null || _videoFeedConfigurati2 === void 0 ? void 0 : _videoFeedConfigurati2.hidden) !== null && _videoFeedConfigurati !== void 0 ? _videoFeedConfigurati : false;
     const titlePosition = (_videoFeedConfigurati3 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.titlePosition) !== null && _videoFeedConfigurati3 !== void 0 ? _videoFeedConfigurati3 : 'nested';
     const customLayoutName = (_videoFeedConfigurati4 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.customLayoutName) !== null && _videoFeedConfigurati4 !== void 0 ? _videoFeedConfigurati4 : '';
@@ -81,6 +83,8 @@ export default class VideoFeed extends React.Component {
 
     const dynamicContentParametersString = this._generateDynamicContentParametersString();
 
+    const enableAutoplay = (_videoFeedConfigurati5 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.enableAutoplay) !== null && _videoFeedConfigurati5 !== void 0 ? _videoFeedConfigurati5 : false;
+    const gridColumns = (_videoFeedConfigurati6 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.gridColumns) !== null && _videoFeedConfigurati6 !== void 0 ? _videoFeedConfigurati6 : 2;
     let key = `source:${source}`;
     key += `_channel:${channel}`;
     key += `_playlist:${playlist}`;
@@ -94,6 +98,8 @@ export default class VideoFeed extends React.Component {
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
     key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
     key += `_dynamicContentParameters:${dynamicContentParametersString}`;
+    key += `_enableAutoplay:${enableAutoplay}`;
+    key += `_gridColumns:${gridColumns}`;
     return /*#__PURE__*/React.createElement(FWVideoFeed, _extends({
       key: key
     }, this.props, {
@@ -132,6 +138,25 @@ export default class VideoFeed extends React.Component {
     return resultString;
   }
 
+  _getVideoFeedConfiguration() {
+    const {
+      videoFeedConfiguration
+    } = this.props;
+
+    if (!videoFeedConfiguration) {
+      return undefined;
+    }
+
+    let resultFeedConfiguration = { ...videoFeedConfiguration
+    };
+
+    if (resultFeedConfiguration.gridColumns) {
+      resultFeedConfiguration.gridColumns = Math.floor(resultFeedConfiguration.gridColumns);
+    }
+
+    return resultFeedConfiguration;
+  }
+
 }
 
 _defineProperty(VideoFeed, "defaultProps", {

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

@@ -1 +1 @@
-{"version":3,"sources":["VideoFeed.tsx"],"names":["React","findNodeHandle","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","nativeNodeHandle","nativeComponentRef","current","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","videoFeedConfiguration","titleHidden","title","hidden","titlePosition","customLayoutName","shareBaseURL","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  StyleProp,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of five available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel id of the feed. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the feed. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * PlaylistGroup id of the feed. Required when the source is set as playlistGroup.\n   */\n  playlistGroup?: string;\n  /**\n   * The dynamic content parameters of the feed. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of the feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of the player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    const { name, reason } = event.nativeEvent;\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      playlistGroup = '',\n      mode = 'row',\n      videoFeedConfiguration,\n    } = this.props;\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const customLayoutName = videoFeedConfiguration?.customLayoutName ?? '';\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_playlistGroup:${playlistGroup}`;\n    key += `_mode:${mode}`;\n    key += `_titleHidden:${titleHidden}`;\n    key += `_titlePosition:${titlePosition}`;\n    key += `_customLayoutName:${customLayoutName}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n\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"]}
+{"version":3,"sources":["VideoFeed.tsx"],"names":["React","findNodeHandle","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","nativeNodeHandle","nativeComponentRef","current","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","componentWillUnmount","forEach","value","remove","render","source","channel","playlist","playlistGroup","mode","videoFeedConfiguration","_getVideoFeedConfiguration","titleHidden","title","hidden","titlePosition","customLayoutName","shareBaseURL","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","enableAutoplay","gridColumns","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length","undefined","resultFeedConfiguration","Math","floor"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAEEC,cAFF,EAIEC,SAJF,QAMO,cANP;AAQA,OAAOC,WAAP,MAAwB,gBAAxB;AAEA,SAASC,WAAT,QAA4B,uBAA5B;AAIA,SAASC,6BAAT,QAA8C,8BAA9C;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAoDA,MAAMC,mBAAmB,GAAG,aAA5B;AAEA,eAAe,MAAMC,SAAN,SAAwBR,KAAK,CAACS,SAA9B,CAAyD;AAAA;AAAA;;AAAA,6DAKjDT,KAAK,CAACU,SAAN,EALiD;;AAAA,2CAO/B,EAP+B;;AAAA,qCAYrD,MAAM;AACrB,YAAMC,gBAAgB,GAAGV,cAAc,CAAC,KAAKW,kBAAL,CAAwBC,OAAzB,CAAvC;AAEAX,MAAAA,SAAS,CAACY,0BAAV,CACEb,cAAc,CAACU,gBAAD,CADhB,EAEET,SAAS,CAACa,oBAAV,CAA+BR,mBAA/B,EAAoDS,QAApD,CAA6DC,OAF/D,EAGE,EAHF;AAKD,KApBqE;;AAAA,sDAuBpEC,KADiC,IAE9B;AACH,YAAM;AAAEC,QAAAA,IAAF;AAAQC,QAAAA;AAAR,UAAmBF,KAAK,CAACG,WAA/B;;AACA,UAAI,KAAKC,KAAL,CAAWC,uBAAf,EAAwC;AACtC,YAAIJ,IAAJ,EAAU;AACR,eAAKG,KAAL,CAAWC,uBAAX,CAAmC;AAAEJ,YAAAA,IAAF;AAAQC,YAAAA;AAAR,WAAnC;AACD,SAFD,MAEO;AACL,eAAKE,KAAL,CAAWC,uBAAX;AACD;AACF;AACF,KAjCqE;AAAA;;AAmCtEC,EAAAA,iBAAiB,GAAG;AAClB,UAAMC,iCAAiC,GACrCpB,6BAA6B,CAACqB,WAA9B,CACEtB,WAAW,CAACuB,mBADd,EAEE,MAAM;AACJ,WAAKC,QAAL,CAAc,EAAd;AACD,KAJH,CADF;AAOA,SAAKC,aAAL,CAAmBC,IAAnB,CAAwBL,iCAAxB;AAEA,UAAMM,yCAAyC,GAC7C1B,6BAA6B,CAACqB,WAA9B,CACEtB,WAAW,CAAC4B,2BADd,EAEE,MAAM;AACJ,WAAKJ,QAAL,CAAc,EAAd;AACD,KAJH,CADF;AAOA,SAAKC,aAAL,CAAmBC,IAAnB,CAAwBC,yCAAxB;AACD;;AAEDE,EAAAA,oBAAoB,GAAG;AACrB,SAAKJ,aAAL,CAAmBK,OAAnB,CAA4BC,KAAD,IAAW;AACpCA,MAAAA,KAAK,CAACC,MAAN;AACD,KAFD;AAIA,SAAKP,aAAL,GAAqB,EAArB;AACD;;AAEDQ,EAAAA,MAAM,GAAG;AAAA;;AACP,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,aAAa,GAAG,EAJZ;AAKJC,MAAAA,IAAI,GAAG;AALH,QAMF,KAAKpB,KANT;;AAOA,UAAMqB,sBAAsB,GAAG,KAAKC,0BAAL,EAA/B;;AACA,UAAMC,WAAW,4BAAGF,sBAAH,aAAGA,sBAAH,iDAAGA,sBAAsB,CAAEG,KAA3B,2DAAG,uBAA+BC,MAAlC,yEAA4C,KAA7D;AACA,UAAMC,aAAa,6BAAGL,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEK,aAA3B,2EAA4C,QAA/D;AACA,UAAMC,gBAAgB,6BAAGN,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEM,gBAA3B,2EAA+C,EAArE;AACA,UAAMC,YAAY,4BAAG/C,WAAW,CAACgD,WAAZ,GAA0BD,YAA7B,yEAA6C,EAA/D;AACA,UAAME,oBAAoB,6BACxBjD,WAAW,CAACgD,WAAZ,GAA0BC,oBADF,2EAC0B,EADpD;AAEA,UAAMC,eAAe,4BAAGD,oBAAoB,CAACE,aAAxB,yEAAyC,EAA9D;AACA,UAAMC,wBAAwB,6BAAGH,oBAAoB,CAACI,eAAxB,2EAA2C,EAAzE;AACA,UAAMC,kBAAkB,6BAAGL,oBAAoB,CAACM,SAAxB,2EAAqC,EAA7D;;AACA,UAAMC,8BAA8B,GAClC,KAAKC,uCAAL,EADF;;AAEA,UAAMC,cAAc,6BAAGlB,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEkB,cAA3B,2EAA6C,KAAjE;AACA,UAAMC,WAAW,6BAAGnB,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEmB,WAA3B,2EAA0C,CAA3D;AAEA,QAAIC,GAAG,GAAI,UAASzB,MAAO,EAA3B;AACAyB,IAAAA,GAAG,IAAK,YAAWxB,OAAQ,EAA3B;AACAwB,IAAAA,GAAG,IAAK,aAAYvB,QAAS,EAA7B;AACAuB,IAAAA,GAAG,IAAK,kBAAiBtB,aAAc,EAAvC;AACAsB,IAAAA,GAAG,IAAK,SAAQrB,IAAK,EAArB;AACAqB,IAAAA,GAAG,IAAK,gBAAelB,WAAY,EAAnC;AACAkB,IAAAA,GAAG,IAAK,kBAAiBf,aAAc,EAAvC;AACAe,IAAAA,GAAG,IAAK,qBAAoBd,gBAAiB,EAA7C;AACAc,IAAAA,GAAG,IAAK,iBAAgBb,YAAa,EAArC;AACAa,IAAAA,GAAG,IAAK,oBAAmBV,eAAgB,EAA3C;AACAU,IAAAA,GAAG,IAAK,6BAA4BR,wBAAyB,EAA7D;AACAQ,IAAAA,GAAG,IAAK,uBAAsBN,kBAAmB,EAAjD;AACAM,IAAAA,GAAG,IAAK,6BAA4BJ,8BAA+B,EAAnE;AACAI,IAAAA,GAAG,IAAK,mBAAkBF,cAAe,EAAzC;AACAE,IAAAA,GAAG,IAAK,gBAAeD,WAAY,EAAnC;AAEA,wBACE,oBAAC,WAAD;AACE,MAAA,GAAG,EAAEC;AADP,OAEM,KAAKzC,KAFX;AAGE,MAAA,GAAG,EAAE,KAAKV,kBAHZ;AAIE,MAAA,uBAAuB,EAAE,KAAKoD,wBAJhC;AAKE,MAAA,IAAI,EAAEtB,IALR;AAME,MAAA,KAAK,EAAEuB,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAK5C,KAAL,CAAW6C,KAA7B,EAAoC;AAAEC,QAAAA,MAAM,EAAE,CAAC;AAAX,OAApC;AANT,OADF;AAUD;;AAEOR,EAAAA,uCAAuC,GAAW;AACxD,UAAM;AAAES,MAAAA;AAAF,QAA+B,KAAK/C,KAA1C;;AACA,QAAI,CAAC+C,wBAAL,EAA+B;AAC7B,aAAO,EAAP;AACD;;AAED,QAAIC,YAAY,GAAG,EAAnB;AACA,UAAMC,aAAa,GAAGN,MAAM,CAACO,IAAP,CAAYH,wBAAZ,EAAsCI,IAAtC,EAAtB;;AACA,SAAK,MAAMV,GAAX,IAAkBQ,aAAlB,EAAiC;AAC/B,YAAMpC,KAAK,GAAGkC,wBAAwB,CAACN,GAAD,CAAtC;AACA,YAAMW,WAAW,GAAGvC,KAAK,CAACwC,IAAN,CAAW,GAAX,CAApB;;AACA,UAAIL,YAAY,CAACM,MAAb,GAAsB,CAA1B,EAA6B;AAC3BN,QAAAA,YAAY,IAAI,GAAhB;AACD;;AAEDA,MAAAA,YAAY,IAAK,GAAEP,GAAI,IAAGW,WAAY,EAAtC;AACD;;AAED,WAAOJ,YAAP;AACD;;AAEO1B,EAAAA,0BAA0B,GAAuC;AACvE,UAAM;AAAED,MAAAA;AAAF,QAA6B,KAAKrB,KAAxC;;AACA,QAAI,CAACqB,sBAAL,EAA6B;AAC3B,aAAOkC,SAAP;AACD;;AAED,QAAIC,uBAA+C,GAAG,EACpD,GAAGnC;AADiD,KAAtD;;AAGA,QAAImC,uBAAuB,CAAChB,WAA5B,EAAyC;AACvCgB,MAAAA,uBAAuB,CAAChB,WAAxB,GAAsCiB,IAAI,CAACC,KAAL,CACpCF,uBAAuB,CAAChB,WADY,CAAtC;AAGD;;AACD,WAAOgB,uBAAP;AACD;;AAtJqE;;gBAAnDtE,S,kBACG;AACpBkC,EAAAA,IAAI,EAAE;AADc,C","sourcesContent":["import React from 'react';\n\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport {\n  EmitterSubscription,\n  findNodeHandle,\n  StyleProp,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from '../models/VideoFeedSource';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedMode = 'row' | 'column' | 'grid';\n\nexport interface IVideoFeedProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of five available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel id of the feed. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the feed. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * PlaylistGroup id of the feed. Required when the source is set as playlistGroup.\n   */\n  playlistGroup?: string;\n  /**\n   * The dynamic content parameters of the feed. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of the feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of the player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onVideoFeedLoadFinished?: (error?: FWError) => void;\n}\n\ninterface VideoFeedLoadFinishedEvent extends TargetedEvent {\n  name: string;\n  reason?: string | null;\n}\n\nconst NativeComponentName = 'FWVideoFeed';\n\nexport default class VideoFeed extends React.Component<IVideoFeedProps> {\n  static defaultProps = {\n    mode: 'row',\n  };\n\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n\n  /**\n   * Force refreshing the video feed.\n   */\n  public refresh = () => {\n    const nativeNodeHandle = findNodeHandle(this.nativeComponentRef.current);\n\n    UIManager.dispatchViewManagerCommand(\n      findNodeHandle(nativeNodeHandle),\n      UIManager.getViewManagerConfig(NativeComponentName).Commands.refresh,\n      []\n    );\n  };\n\n  private _onVideoFeedLoadFinished = (\n    event: NativeSyntheticEvent<VideoFeedLoadFinishedEvent>\n  ) => {\n    const { name, reason } = event.nativeEvent;\n    if (this.props.onVideoFeedLoadFinished) {\n      if (name) {\n        this.props.onVideoFeedLoadFinished({ name, reason });\n      } else {\n        this.props.onVideoFeedLoadFinished();\n      }\n    }\n  };\n\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      playlistGroup = '',\n      mode = 'row',\n    } = this.props;\n    const videoFeedConfiguration = this._getVideoFeedConfiguration();\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n    const customLayoutName = videoFeedConfiguration?.customLayoutName ?? '';\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const enableAutoplay = videoFeedConfiguration?.enableAutoplay ?? false;\n    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_playlistGroup:${playlistGroup}`;\n    key += `_mode:${mode}`;\n    key += `_titleHidden:${titleHidden}`;\n    key += `_titlePosition:${titlePosition}`;\n    key += `_customLayoutName:${customLayoutName}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enableAutoplay:${enableAutoplay}`;\n    key += `_gridColumns:${gridColumns}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n        style={Object.assign({}, this.props.style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n\n  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {\n    const { videoFeedConfiguration } = this.props;\n    if (!videoFeedConfiguration) {\n      return undefined;\n    }\n\n    let resultFeedConfiguration: VideoFeedConfiguration = {\n      ...videoFeedConfiguration,\n    };\n    if (resultFeedConfiguration.gridColumns) {\n      resultFeedConfiguration.gridColumns = Math.floor(\n        resultFeedConfiguration.gridColumns!\n      );\n    }\n    return resultFeedConfiguration;\n  }\n}\n"]}

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["VideoFeed","FireworkSDK","FWNavigator","LiveStream","LiveStreamChatEventName","LiveStreamEventName","VideoPlaybackEventName","VideoShopping"],"mappings":"AACA,OAAOA,SAAP,MAAsB,wBAAtB;AAQA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAKA,OAAOC,UAAP,MAAuB,cAAvB;AAgBA,OAAOC,uBAAP,MAAoC,kCAApC;AAEA,OAAOC,mBAAP,MAAgC,8BAAhC;AAiBA,OAAOC,sBAAP,MAAmC,iCAAnC;AAcA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,eAAeN,WAAf;AAEA,SAaEC,WAbF,EAeEC,UAfF,EAiBEC,uBAjBF,EAoBEC,mBApBF,EAiCEL,SAjCF,EA6CEM,sBA7CF,EAmDEC,aAnDF","sourcesContent":["import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  CustomCTALinkContentRender,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\nimport type AddToCartResult from './models/AddToCartResult';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  AddToCartEvent,\n  CustomCTAClickEvent,\n  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice } from './models/ProductUnit';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoLaunchBehavior,\n  VideoPlayerCompleteAction,\n  VideoPlayerCTAStyle,\n  VideoPlayerStyle,\n} from './models/VideoPlayerConfiguration';\nimport type {\n  AddToCartCallback,\n  ClickCartIconCallback,\n  UpdateProductDetailsCallback,\n  WillDisplayProductCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  CustomCTALinkContentRender,\n  FeedItemDetails,\n  FWError,\n  FWNavigator,\n  IVideoFeedProps,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  NewNativeContainerProps,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTAStyle,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n  WillDisplayProductCallback,\n  WillDisplayProductEvent,\n};\n"]}
+{"version":3,"sources":["index.tsx"],"names":["VideoFeed","FireworkSDK","FWNavigator","LiveStream","LiveStreamChatEventName","LiveStreamEventName","VideoPlaybackEventName","VideoShopping"],"mappings":"AACA,OAAOA,SAAP,MAAsB,wBAAtB;AAQA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAKA,OAAOC,UAAP,MAAuB,cAAvB;AAgBA,OAAOC,uBAAP,MAAoC,kCAApC;AAEA,OAAOC,mBAAP,MAAgC,8BAAhC;AAkBA,OAAOC,sBAAP,MAAmC,iCAAnC;AAcA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,eAAeN,WAAf;AAEA,SAaEC,WAbF,EAeEC,UAfF,EAiBEC,uBAjBF,EAoBEC,mBApBF,EAkCEL,SAlCF,EA+CEM,sBA/CF,EAqDEC,aArDF","sourcesContent":["import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n  CustomCTAClickCallback,\n  CustomCTALinkContentRender,\n  SDKInitCallback,\n  VideoFeedClickCallback,\n  VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\nimport type AddToCartResult from './models/AddToCartResult';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n  AddToCartEvent,\n  CustomCTAClickEvent,\n  LiveStreamChatEvent,\n  LiveStreamEvent,\n  SDKInitEvent,\n  UpdateProductDetailsEvent,\n  VideoPlaybackEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice, ProductUnitOption } from './models/ProductUnit';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n  VideoFeedContentPadding,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n  VideoLaunchBehavior,\n  VideoPlayerCompleteAction,\n  VideoPlayerCTAStyle,\n  VideoPlayerStyle,\n} from './models/VideoPlayerConfiguration';\nimport type {\n  AddToCartCallback,\n  ClickCartIconCallback,\n  UpdateProductDetailsCallback,\n  WillDisplayProductCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nexport default FireworkSDK;\n\nexport {\n  AdBadgeConfiguration,\n  AdBadgeTextType,\n  AddToCartButtonConfiguration,\n  AddToCartCallback,\n  AddToCartEvent,\n  AddToCartResult,\n  ClickCartIconCallback,\n  CustomCTAClickCallback,\n  CustomCTAClickEvent,\n  CustomCTALinkContentRender,\n  FeedItemDetails,\n  FWError,\n  FWNavigator,\n  IVideoFeedProps,\n  LiveStream,\n  LiveStreamChatEvent,\n  LiveStreamChatEventName,\n  LiveStreamEvent,\n  LiveStreamEventDetails,\n  LiveStreamEventName,\n  LiveStreamMessageDetails,\n  NewNativeContainerProps,\n  onLiveStreamChatEventCallback,\n  onLiveStreamEventCallback,\n  Product,\n  ProductInfoViewConfiguration,\n  ProductPrice,\n  ProductUnit,\n  ProductUnitOption,\n  SDKInitCallback,\n  SDKInitEvent,\n  UpdateProductDetailsCallback,\n  UpdateProductDetailsEvent,\n  VideoFeed,\n  VideoFeedClickCallback,\n  VideoFeedConfiguration,\n  VideoFeedContentPadding,\n  VideoFeedMode,\n  VideoFeedPlayIconConfiguration,\n  VideoFeedSource,\n  VideoFeedTitleConfiguration,\n  VideoFeedTitlePosition,\n  VideoLaunchBehavior,\n  VideoPlaybackCallback,\n  VideoPlaybackDetails,\n  VideoPlaybackEvent,\n  VideoPlaybackEventName,\n  VideoPlayerCompleteAction,\n  VideoPlayerConfiguration,\n  VideoPlayerCTAStyle,\n  VideoPlayerSize,\n  VideoPlayerStyle,\n  VideoShopping,\n  WillDisplayProductCallback,\n  WillDisplayProductEvent,\n};\n"]}

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

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

package/lib/typescript/VideoShopping.d.ts

@@ -5,6 +5,7 @@ import type ProductInfoViewConfiguration from './models/ProductInfoViewConfigura
 import type { NewNativeContainerProps } from './models/NewNativeContainerProps';
 export declare type AddToCartCallback = (event: AddToCartEvent) => Promise<AddToCartResult | undefined | null>;
 export declare type ClickCartIconCallback = () => Promise<NewNativeContainerProps | undefined | null>;
+export declare type CustomClickCartIconCallback = () => Promise<void>;
 export declare type UpdateProductDetailsCallback = (event: UpdateProductDetailsEvent) => Promise<Product[] | undefined | null>;
 export declare type WillDisplayProductCallback = (event: WillDisplayProductEvent) => Promise<ProductInfoViewConfiguration | undefined | null>;
 /**
@@ -21,9 +22,22 @@ declare class VideoShopping {
     /**
      * This callback is triggered when the user clicks the shopping cart icon.
      *
-     * The host app can return a React.Node to integrate custom cart page to shopping flow.
+     * The host app can return NewNativeContainerProps object and we will push a new native container with the props.
      */
     onClickCartIcon?: ClickCartIconCallback;
+    /**
+     * This callback is triggered when the user clicks the shopping cart icon.
+     *
+     * The host app can customize the processing logic of clicking the shopping cart icon by setting the callback.
+     * In the callack, you could call FireworkSDK.getInstance().navigator.popNativeContainer to close the player
+     * and call navigation.navigate to push the RN cart page.
+     * Currently, there is a limitation on the iOS side when you set the callback.
+     * That is, if you set the callback, you need to call FireworkSDK.getInstance().navigator.popNativeContainer in the callback.
+     * Otherwise there will be bugs on the iOS side.
+     */
+    get onCustomClickCartIcon(): CustomClickCartIconCallback | undefined;
+    set onCustomClickCartIcon(value: CustomClickCartIconCallback | undefined);
+    private _onCustomClickCartIcon?;
     /**
      * This callback is triggered when the video will be shown.
      *

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

@@ -64,4 +64,5 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
     componentWillUnmount(): void;
     render(): JSX.Element;
     private _generateDynamicContentParametersString;
+    private _getVideoFeedConfiguration;
 }

package/lib/typescript/index.d.ts

@@ -20,9 +20,9 @@ import type Product from './models/Product';
 import type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';
 import type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';
 import type ProductUnit from './models/ProductUnit';
-import type { ProductPrice } from './models/ProductUnit';
+import type { ProductPrice, ProductUnitOption } from './models/ProductUnit';
 import type VideoFeedConfiguration from './models/VideoFeedConfiguration';
-import type { VideoFeedPlayIconConfiguration, VideoFeedTitleConfiguration, VideoFeedTitlePosition } from './models/VideoFeedConfiguration';
+import type { VideoFeedContentPadding, VideoFeedPlayIconConfiguration, VideoFeedTitleConfiguration, VideoFeedTitlePosition } from './models/VideoFeedConfiguration';
 import type { VideoFeedSource } from './models/VideoFeedSource';
 import type VideoPlaybackDetails from './models/VideoPlaybackDetails';
 import type { VideoPlayerSize } from './models/VideoPlaybackDetails';
@@ -32,4 +32,4 @@ import type { VideoLaunchBehavior, VideoPlayerCompleteAction, VideoPlayerCTAStyl
 import type { AddToCartCallback, ClickCartIconCallback, UpdateProductDetailsCallback, WillDisplayProductCallback } from './VideoShopping';
 import VideoShopping from './VideoShopping';
 export default FireworkSDK;
-export { AdBadgeConfiguration, AdBadgeTextType, AddToCartButtonConfiguration, AddToCartCallback, AddToCartEvent, AddToCartResult, ClickCartIconCallback, CustomCTAClickCallback, CustomCTAClickEvent, CustomCTALinkContentRender, FeedItemDetails, FWError, FWNavigator, IVideoFeedProps, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, NewNativeContainerProps, onLiveStreamChatEventCallback, onLiveStreamEventCallback, Product, ProductInfoViewConfiguration, ProductPrice, ProductUnit, SDKInitCallback, SDKInitEvent, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VideoFeed, VideoFeedClickCallback, VideoFeedConfiguration, VideoFeedMode, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTAStyle, VideoPlayerSize, VideoPlayerStyle, VideoShopping, WillDisplayProductCallback, WillDisplayProductEvent, };
+export { AdBadgeConfiguration, AdBadgeTextType, AddToCartButtonConfiguration, AddToCartCallback, AddToCartEvent, AddToCartResult, ClickCartIconCallback, CustomCTAClickCallback, CustomCTAClickEvent, CustomCTALinkContentRender, FeedItemDetails, FWError, FWNavigator, IVideoFeedProps, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, NewNativeContainerProps, onLiveStreamChatEventCallback, onLiveStreamEventCallback, Product, ProductInfoViewConfiguration, ProductPrice, ProductUnit, ProductUnitOption, SDKInitCallback, SDKInitEvent, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VideoFeed, VideoFeedClickCallback, VideoFeedConfiguration, VideoFeedContentPadding, VideoFeedMode, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTAStyle, VideoPlayerSize, VideoPlayerStyle, VideoShopping, WillDisplayProductCallback, WillDisplayProductEvent, };

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

@@ -2,6 +2,10 @@ export interface ProductPrice {
     amount: number;
     currencyCode: string;
 }
+export interface ProductUnitOption {
+    name: string;
+    value: string;
+}
 export default interface ProductUnit {
     /**
      * The unique identifier of the product unit.
@@ -15,8 +19,16 @@ export default interface ProductUnit {
      * The url of the product unit.
      */
     url?: string;
+    /**
+     * The image url of the product unit.
+     */
+    imageUrl?: string;
     /**
      * The price of the product unit.
      */
     price?: ProductPrice;
+    /**
+     * The options of the product unit.
+     */
+    options?: ProductUnitOption[];
 }

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

@@ -8,33 +8,61 @@ export interface VideoFeedPlayIconConfiguration {
     iconWidth?: number;
 }
 export declare type VideoFeedTitlePosition = 'stacked' | 'nested';
+export interface VideoFeedContentPadding {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
 export default interface VideoFeedConfiguration {
     /**
      * Background color of video feed.
      */
     backgroundColor?: string;
     /**
-     * Corner radius of video feed. Only supported on iOS.
+     * Corner radius of video feed item. Only supported on iOS.
      */
     cornerRadius?: number;
     /**
-     * Configuration of video feed title.
+     * Configuration of video feed item title.
      */
     title?: VideoFeedTitleConfiguration;
     /**
-     * Title position of video feed.
+     * Title position of video feed item.
      */
     titlePosition?: VideoFeedTitlePosition;
     /**
-     * Configuration of video feed play icon. Only supported on iOS.
+     * Configuration of video feed item play icon. Only supported on iOS.
      */
     playIcon?: VideoFeedPlayIconConfiguration;
     /**
-     * Indicates if the video feed shows ad badge.
+     * Indicates if the video feed item shows ad badge.
      */
     showAdBadge?: boolean;
     /**
      * Custom layout name for video feed item. Only supported on Android.
      */
     customLayoutName?: string;
+    /**
+     * The aspect ratio(width / height) for video feed item. Only supported on iOS.
+     */
+    aspectRatio?: number;
+    /**
+     * The content padding for video feed. Only supported on iOS.
+     */
+    contentPadding?: VideoFeedContentPadding;
+    /**
+     * The item spacing for video feed. Only supported on iOS.
+     */
+    itemSpacing?: number;
+    /**
+     * Specifies if autoplay is enabled.
+     */
+    enableAutoplay?: boolean;
+    /**
+     * The number of feed items to be displayed per row.
+     * The property only takes effect when video feed mode is grid.
+     * The property value needs to be an integer and greater than 0.
+     */
+    gridColumns?: number;
 }

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

@@ -32,7 +32,11 @@ export default interface VideoPlayerConfiguration {
      */
     showMuteButton?: boolean;
     /**
-     * The property is valid only if showMuteButton is true.
+     * Specifies the video player launch behavior.
      */
     launchBehavior?: VideoLaunchBehavior;
+    /**
+     * Indicates if Firework branding should be showed or not.
+     */
+    showBranding?: boolean;
 }

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

@@ -10,6 +10,7 @@ interface IShoppingModule extends NativeModule {
     jumpToCartPage(callbackId: number | string, props: NewNativeContainerProps): void;
     setCartIconVisible(visible: boolean): void;
     setCartItemCount(count: number): void;
+    setCustomClickCartIconEnabled(enabled: boolean): Promise<void>;
 }
 declare const ShoppingModuleEventEmitter: NativeEventEmitter;
 export { ShoppingModuleEventEmitter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "1.3.0-beta.2",
+  "version": "1.3.0",
   "description": "Firework React Native SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -24,10 +24,7 @@
     "test": "jest",
     "typescript": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "prepare": "bob build",
-    "install_js_depencies": "npm i && cd example && npm i",
-    "setup_ios": "npm run install_js_depencies && cd example && pod-install",
-    "setup_android": "npm run install_js_depencies"
+    "prepare": "bob build"
   },
   "keywords": [
     "react-native",
@@ -56,7 +53,6 @@
     "eslint-plugin-prettier": "^3.1.3",
     "husky": "^6.0.0",
     "jest": "^26.6.3",
-    "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
     "react": "17.0.2",
     "react-native": "0.66.4",

package/react-native-firework-sdk.podspec

@@ -28,6 +28,6 @@ cp $module_header_path "${PODS_ROOT}/Headers/Public/react_native_firework_sdk/"'
 
   s.dependency "React-Core"
 
-  s.dependency "FireworkVideo","0.16.0"
+  s.dependency "FireworkVideo", "0.18.0"
 
 end

package/src/VideoShopping.ts

@@ -1,4 +1,4 @@
-import type { NativeEventEmitter } from 'react-native';
+import { NativeEventEmitter, Platform } from 'react-native';
 
 import type AddToCartResult from './models/AddToCartResult';
 import type {
@@ -22,6 +22,8 @@ export type ClickCartIconCallback = () => Promise<
   NewNativeContainerProps | undefined | null
 >;
 
+export type CustomClickCartIconCallback = () => Promise<void>;
+
 export type UpdateProductDetailsCallback = (
   event: UpdateProductDetailsEvent
 ) => Promise<Product[] | undefined | null>;
@@ -48,10 +50,33 @@ class VideoShopping {
   /**
    * This callback is triggered when the user clicks the shopping cart icon.
    *
-   * The host app can return a React.Node to integrate custom cart page to shopping flow.
+   * The host app can return NewNativeContainerProps object and we will push a new native container with the props.
    */
   public onClickCartIcon?: ClickCartIconCallback;
 
+  /**
+   * This callback is triggered when the user clicks the shopping cart icon.
+   *
+   * The host app can customize the processing logic of clicking the shopping cart icon by setting the callback.
+   * In the callack, you could call FireworkSDK.getInstance().navigator.popNativeContainer to close the player
+   * and call navigation.navigate to push the RN cart page.
+   * Currently, there is a limitation on the iOS side when you set the callback.
+   * That is, if you set the callback, you need to call FireworkSDK.getInstance().navigator.popNativeContainer in the callback.
+   * Otherwise there will be bugs on the iOS side.
+   */
+  public get onCustomClickCartIcon(): CustomClickCartIconCallback | undefined {
+    return this._onCustomClickCartIcon;
+  }
+  public set onCustomClickCartIcon(
+    value: CustomClickCartIconCallback | undefined
+  ) {
+    this._onCustomClickCartIcon = value;
+    if (Platform.OS === 'ios') {
+      ShoppingModule.setCustomClickCartIconEnabled(!!value);
+    }
+  }
+  private _onCustomClickCartIcon?: CustomClickCartIconCallback | undefined;
+
   /**
    * This callback is triggered when the video will be shown.
    *
@@ -132,7 +157,9 @@ class VideoShopping {
   }
 
   private async handleClickCartIconEvent(event: CallbackInfo) {
-    if (this.onClickCartIcon) {
+    if (this.onCustomClickCartIcon) {
+      this.onCustomClickCartIcon();
+    } else if (this.onClickCartIcon) {
       const callbackId = event.callbackId;
       delete event.callbackId;
       const props = await this.onClickCartIcon();

package/src/components/VideoFeed.tsx

@@ -140,8 +140,8 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
       playlist = '',
       playlistGroup = '',
       mode = 'row',
-      videoFeedConfiguration,
     } = this.props;
+    const videoFeedConfiguration = this._getVideoFeedConfiguration();
     const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;
     const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';
     const customLayoutName = videoFeedConfiguration?.customLayoutName ?? '';
@@ -153,6 +153,8 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
     const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';
     const dynamicContentParametersString =
       this._generateDynamicContentParametersString();
+    const enableAutoplay = videoFeedConfiguration?.enableAutoplay ?? false;
+    const gridColumns = videoFeedConfiguration?.gridColumns ?? 2;
 
     let key = `source:${source}`;
     key += `_channel:${channel}`;
@@ -167,6 +169,8 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
     key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
     key += `_dynamicContentParameters:${dynamicContentParametersString}`;
+    key += `_enableAutoplay:${enableAutoplay}`;
+    key += `_gridColumns:${gridColumns}`;
 
     return (
       <FWVideoFeed
@@ -200,4 +204,21 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
 
     return resultString;
   }
+
+  private _getVideoFeedConfiguration(): VideoFeedConfiguration | undefined {
+    const { videoFeedConfiguration } = this.props;
+    if (!videoFeedConfiguration) {
+      return undefined;
+    }
+
+    let resultFeedConfiguration: VideoFeedConfiguration = {
+      ...videoFeedConfiguration,
+    };
+    if (resultFeedConfiguration.gridColumns) {
+      resultFeedConfiguration.gridColumns = Math.floor(
+        resultFeedConfiguration.gridColumns!
+      );
+    }
+    return resultFeedConfiguration;
+  }
 }

package/src/index.tsx

@@ -38,9 +38,10 @@ import type Product from './models/Product';
 import type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';
 import type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';
 import type ProductUnit from './models/ProductUnit';
-import type { ProductPrice } from './models/ProductUnit';
+import type { ProductPrice, ProductUnitOption } from './models/ProductUnit';
 import type VideoFeedConfiguration from './models/VideoFeedConfiguration';
 import type {
+  VideoFeedContentPadding,
   VideoFeedPlayIconConfiguration,
   VideoFeedTitleConfiguration,
   VideoFeedTitlePosition,
@@ -95,6 +96,7 @@ export {
   ProductInfoViewConfiguration,
   ProductPrice,
   ProductUnit,
+  ProductUnitOption,
   SDKInitCallback,
   SDKInitEvent,
   UpdateProductDetailsCallback,
@@ -102,6 +104,7 @@ export {
   VideoFeed,
   VideoFeedClickCallback,
   VideoFeedConfiguration,
+  VideoFeedContentPadding,
   VideoFeedMode,
   VideoFeedPlayIconConfiguration,
   VideoFeedSource,

package/src/models/ProductUnit.ts

@@ -3,6 +3,11 @@ export interface ProductPrice {
   currencyCode: string;
 }
 
+export interface ProductUnitOption {
+  name: string;
+  value: string;
+}
+
 export default interface ProductUnit {
   /**
    * The unique identifier of the product unit.
@@ -16,8 +21,16 @@ export default interface ProductUnit {
    * The url of the product unit.
    */
   url?: string;
+  /**
+   * The image url of the product unit.
+   */
+  imageUrl?: string;
   /**
    * The price of the product unit.
    */
   price?: ProductPrice;
+  /**
+   * The options of the product unit.
+   */
+  options?: ProductUnitOption[];
 }

package/src/models/VideoFeedConfiguration.ts

@@ -11,33 +11,62 @@ export interface VideoFeedPlayIconConfiguration {
 
 export type VideoFeedTitlePosition = 'stacked' | 'nested';
 
+export interface VideoFeedContentPadding {
+  top?: number;
+  right?: number;
+  bottom?: number;
+  left?: number;
+}
+
 export default interface VideoFeedConfiguration {
   /**
    * Background color of video feed.
    */
   backgroundColor?: string;
   /**
-   * Corner radius of video feed. Only supported on iOS.
+   * Corner radius of video feed item. Only supported on iOS.
    */
   cornerRadius?: number;
   /**
-   * Configuration of video feed title.
+   * Configuration of video feed item title.
    */
   title?: VideoFeedTitleConfiguration;
   /**
-   * Title position of video feed.
+   * Title position of video feed item.
    */
   titlePosition?: VideoFeedTitlePosition;
   /**
-   * Configuration of video feed play icon. Only supported on iOS.
+   * Configuration of video feed item play icon. Only supported on iOS.
    */
   playIcon?: VideoFeedPlayIconConfiguration;
   /**
-   * Indicates if the video feed shows ad badge.
+   * Indicates if the video feed item shows ad badge.
    */
   showAdBadge?: boolean;
   /**
    * Custom layout name for video feed item. Only supported on Android.
    */
   customLayoutName?: string;
+  /**
+   * The aspect ratio(width / height) for video feed item. Only supported on iOS.
+   */
+  aspectRatio?: number;
+  /**
+   * The content padding for video feed. Only supported on iOS.
+   */
+  contentPadding?: VideoFeedContentPadding;
+  /**
+   * The item spacing for video feed. Only supported on iOS.
+   */
+  itemSpacing?: number;
+  /**
+   * Specifies if autoplay is enabled.
+   */
+  enableAutoplay?: boolean;
+  /**
+   * The number of feed items to be displayed per row.
+   * The property only takes effect when video feed mode is grid.
+   * The property value needs to be an integer and greater than 0.
+   */
+  gridColumns?: number;
 }

package/src/models/VideoPlayerConfiguration.ts

@@ -34,7 +34,11 @@ export default interface VideoPlayerConfiguration {
    */
   showMuteButton?: boolean;
   /**
-   * The property is valid only if showMuteButton is true.
+   * Specifies the video player launch behavior.
    */
   launchBehavior?: VideoLaunchBehavior;
+  /**
+   * Indicates if Firework branding should be showed or not.
+   */
+  showBranding?: boolean;
 }

package/src/modules/ShoppingModule.ts

@@ -33,6 +33,7 @@ interface IShoppingModule extends NativeModule {
   ): void;
   setCartIconVisible(visible: boolean): void;
   setCartItemCount(count: number): void;
+  setCustomClickCartIconEnabled(enabled: boolean): Promise<void>; // Only supported on iOS
 }
 
 const ShoppingModuleEventEmitter = new NativeEventEmitter(ShoppingModule);