react-native-firework-sdk 1.0.0-beta.1 → 1.0.4

package/README.md

@@ -6,34 +6,36 @@ Firework React Native SDK
 
 ```sh
 npm install react-native-firework-sdk
+# or
+yarn add react-native-firework-sdk
 ```
 
 ## Usage
 
-```js
-import { multiply } from "react-native-firework-sdk";
-
-// ...
-
-const result = await multiply(3, 7);
+### SDK Initialization
+```ts
+/*
+  Optional: set listener for SDK init
+*/
+FireworkSDK.getInstance().onSDKInit = (event) => {
+  console.log('onSDKInit', event);
+};
+
+/* 
+  It is recommended to call the init method when the application starts, 
+  for example, in the index.tsx.
+*/
+FireworkSDK.getInstance().init();
 ```
 
-## Contributing
-
-See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
-
-## Running Example
+### Video Feed Integration
+```ts
+import {
+  VideoFeed,
+} from 'react-native-firework-sdk';
 
-### Run iOS Example
-1. `npm run setup_ios`
-2. `cd example && npm start`
-3. open `example/ios/FireworkSdkExample.xcworkspace` using Xcode
-
-### Run Android Example
-1. `npm run setup_android`
-2. `cd example && npm start`
-3. open `example/android` using Android Studio
-
-## License
-
-MIT
+<VideoFeed 
+  style={{ height: 200 }} 
+  source="discover" 
+/>
+```

package/android/build.gradle

@@ -37,7 +37,7 @@ android {
   defaultConfig {
     minSdkVersion 21
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
-    versionCode 100000
+    versionCode 100002
     versionName "1.0.0"
   }
 
@@ -64,33 +64,34 @@ android {
     targetCompatibility JavaVersion.VERSION_1_8
   }
 
-  afterEvaluate {
-    libraryVariants.all { variant ->
-      variant.variantData.outputFactory.apkDataList.each { apkData ->
-        def flavor = variant.mergedFlavor
-        def name = flavor.getVersionName()
-        def code = flavor.getVersionCode()
-
-        // project.name ->
-        // buildType.name -> debug
-        // apkData.outputFileName -> ${project.name}-${buildType.name}.aar
-        if (variant.name == 'debug') {
-          apkData.outputFileName = "firework-react-native-sdk" + "-" + variant.name + ".aar"
-//          apkData.outputFileName = apkData.outputFileName.replace(".aar","-" + name + ".aar" )
-        } else if (variant.name == 'release') {
-          apkData.outputFileName = "firework-react-native-sdk" + "-" + variant.name + ".aar"
-//          apkData.outputFileName = apkData.outputFileName.replace(".aar","-" + name + ".aar" )
-        }
-      }
-    }
-  }
+// when set classpath("com.android.tools.build:gradle:4.2.2"), will show error:
+//   No such property: outputFactory for class: com.android.build.gradle.internal.variant.LibraryVariantData
+//   afterEvaluate {
+//     libraryVariants.all { variant ->
+//       variant.variantData.outputFactory.apkDataList.each { apkData ->
+//         def flavor = variant.mergedFlavor
+//         def name = flavor.getVersionName()
+//         def code = flavor.getVersionCode()
+//
+//         // project.name ->
+//         // buildType.name -> debug
+//         // apkData.outputFileName -> ${project.name}-${buildType.name}.aar
+//         if (variant.name == 'debug') {
+//           apkData.outputFileName = "firework-react-native-sdk" + "-" + variant.name + ".aar"
+// //          apkData.outputFileName = apkData.outputFileName.replace(".aar","-" + name + ".aar" )
+//         } else if (variant.name == 'release') {
+//           apkData.outputFileName = "firework-react-native-sdk" + "-" + variant.name + ".aar"
+// //          apkData.outputFileName = apkData.outputFileName.replace(".aar","-" + name + ".aar" )
+//         }
+//       }
+//     }
+//   }
 
 }
 
 repositories {
   maven { url 'https://jitpack.io' }
   mavenCentral()
-  jcenter()
   google()
 
   def found = false
@@ -179,10 +180,12 @@ dependencies {
   implementation "com.fasterxml.jackson.module:jackson-module-kotlin:2.9.6"
   implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
   // required to avoid crash on Android 12 API 31
-//  implementation 'androidx.work:work-runtime-ktx:2.7.0'
+  implementation 'androidx.work:work-runtime-ktx:2.7.0'
   // if RN is 0.66.4, you cannot use okhttp3 3.x versions
   implementation 'com.squareup.okhttp3:okhttp:4.9.0'
   implementation 'com.squareup.okhttp3:logging-interceptor:4.9.0'
+  // react-native 0.61.3
+  implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
 }
 
 configurations.all {

package/android/src/main/AndroidManifest.xml

@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-          package="com.reactnativefireworksdk">
+  package="com.reactnativefireworksdk">
 
   <uses-permission android:name="android.permission.INTERNET" />
 
@@ -11,6 +11,9 @@
       android:name="com.reactnativefireworksdk.pages.FWVideoShoppingCartActivity"
       android:theme="@style/Theme.AppCompat.Light.NoActionBar"
       />
+    <meta-data
+      android:name="com.google.android.gms.ads.AD_MANAGER_APP"
+      android:value="true" />
   </application>
 
 </manifest>

package/android/src/main/java/com/reactnativefireworksdk/components/videofeed/FWVideoFeed.kt

@@ -14,7 +14,6 @@ import com.loopnow.fireworklibrary.views.VideoFeedView
 import com.reactnativefireworksdk.R
 import com.reactnativefireworksdk.models.*
 import com.reactnativefireworksdk.utils.FWEventUtils
-import com.reactnativefireworksdk.utils.FWLogUtils
 import com.reactnativefireworksdk.utils.FWVideoPlayerUtils
 
 
@@ -24,7 +23,7 @@ class FWVideoFeed(
 ) : RelativeLayout(context, attrs) {
 
 //  private val reactContext: ReactContext = context.reactApplicationContext
-  private val activity: Activity = context.reactApplicationContext.currentActivity as Activity
+  private val activity: Activity = context.currentActivity as Activity
 
   private val videoFeedView: VideoFeedView
   private var channelId: String? = null
@@ -41,7 +40,7 @@ class FWVideoFeed(
     videoFeedView.addOnItemClickedListener(object: OnItemClickedListener {
       override fun onItemClicked(index: Int, title: String, id: String, videoDuration: Long) {
         val fwVideoFeedItemDetailsModel = FWVideoFeedItemDetailsModel(index, id, videoDuration.toInt())
-        FWEventUtils.sendVideoFeedClickEvent(context.reactApplicationContext, fwVideoFeedItemDetailsModel)
+        FWEventUtils.sendVideoFeedClickEvent(context, fwVideoFeedItemDetailsModel)
       }
 
       override fun onItemClicked(index: Int) {
@@ -92,6 +91,8 @@ class FWVideoFeed(
     val backgroundColor = config?.backgroundColor
     if (!backgroundColor.isNullOrBlank()) {
       videoFeedView.setBackgroundColor(Color.parseColor(backgroundColor))
+    } else {
+      videoFeedView.setBackgroundColor(Color.TRANSPARENT)
     }
 
     videoFeedView.setTitleVisible(config?.title?.hidden != true)

package/ios/Component/VideoFeedManager.m

@@ -8,7 +8,8 @@
 
 #import <React/RCTBridgeModule.h>
 #import <React/RCTViewManager.h>
-#import <react_native_firework_sdk/react_native_firework_sdk-Swift.h>
+#import <React/RCTUIManager.h>
+#import "react_native_firework_sdk-Swift.h"
 
 @interface RCT_EXTERN_REMAP_MODULE(FWVideoFeed, VideoFeedManager, NSObject)
 

package/ios/FireworkSdk-Bridging-Header.h

@@ -4,3 +4,5 @@
 #import <React/RCTEventEmitter.h>
 #import <React/RCTComponent.h>
 #import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+#import <React/RCTBridge+Private.h>

package/ios/Models/FireworkSDK+JsModel.swift

@@ -56,7 +56,7 @@ extension VideoFeedError {
 extension FeedEventDetails {
     var jsObject: [String: Any] {
         return ["index": index,
-                "videoId": videoID,
+                "videoId": id,
                 "duration": duration]
     }
 }

package/ios/Modules/FireworkSDKModule/FireworkSDKModule+EventTracking.swift

@@ -68,7 +68,11 @@ extension FireworkSDKModule: FireworkVideoPlaybackDelegate {
 }
 
 extension FireworkSDKModule: FireworkVideoFeedDelegate {
-    func fireworkVideoDidTapVideoThumbnail(_ eventDetails: FeedEventDetails) {
+    func fireworkVideoDidTapThumbnail(_ eventDetails: FeedEventDetails) {
         sendEvent(withName: FWEventName.VideoFeedClick.rawValue, body: eventDetails.jsObject)
     }
+    
+//    func fireworkVideoDidTapVideoThumbnail(_ eventDetails: FeedEventDetails) {
+//        sendEvent(withName: FWEventName.VideoFeedClick.rawValue, body: eventDetails.jsObject)
+//    }
 }

package/ios/react_native_firework_sdk.h

@@ -0,0 +1,14 @@
+//
+//  react_native_firework_sdk.h
+//  react-native-firework-sdk
+//
+//  Created by Jeff Zheng on 2022/2/8.
+//
+
+#ifndef react_native_firework_sdk_h
+#define react_native_firework_sdk_h
+
+//#import "FireworkSdk-Bridging-Header.h"
+
+
+#endif /* react_native_firework_sdk_h */

package/lib/commonjs/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","cartIconVisible","_cartIconVisible","value","ShoppingModule","setCartIconVisible","getInstance","_instance","constructor","eventEmitter","NativeEventEmitter","addListener","FWEventName","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","exitCartPage","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","cartPage","currentCartPage","jumpToCartPage","onUpdateProductDetails","product","updateVideoProduct","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport {\n  AddToCartEvent,\n  FWEventName,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule from './modules/ShoppingModule';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  React.ReactNode | undefined | null\n>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product | undefined | null>;\n\nexport type WillDisplayProductCallback = (\n  event: WillDisplayProductEvent\n) => Promise<ProductInfoViewConfiguration | undefined | null>;\n\ntype CallbackInfo = { callbackId?: number };\n\n/**\n * Entry class of Video Shopping\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * This callback is triggered when the user clicks the \"Add to cart\" button.\n   *\n   * The host app can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   */\n  public onAddToCart?: AddToCartCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can return a React.Node to integrate custom cart page to shopping flow.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product object to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the product will be shown.\n   *\n   * The host app can return a ProductInfoViewConfiguration object to configure \"Add to cart\" button style and cart icon style.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\n\n  /**\n   * Defaults to true. You can hide the cart icon by setting this property to false. \n   */\n  public get cartIconVisible(): boolean {\n    return this._cartIconVisible;\n  }\n  public set cartIconVisible(value: boolean) {\n    this._cartIconVisible = value;\n    ShoppingModule.setCartIconVisible(value);\n  }\n\n  public currentCartPage?: React.ReactNode;\n\n  private eventEmitter: NativeEventEmitter;\n\n  public static getInstance() {\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter = new NativeEventEmitter(ShoppingModule);\n    this.eventEmitter.addListener(FWEventName.AddToCart, (event) => {\n      this.handleAddToCartEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      this.handleClickCartIconEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.WillDisplayProduct, (event) => {\n      this.handleWillDisplayProductEvent(event);\n    });\n  }\n\n  /**\n   * Exit Cart Page.\n   *\n   * The host app can call this method to exit their cart page.\n   */\n  public exitCartPage() {\n    ShoppingModule.exitCartPage();\n  }\n\n  /**\n   * \n   * @param {number} count The number of items in the host app cart\n   */\n  public setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleAddToCartEvent(event: AddToCartEvent & CallbackInfo) {\n    if (this.onAddToCart) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        ShoppingModule.updateAddToCartStatus(\n          result.res,\n          result.tips,\n          callbackId!,\n        );\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent(event: CallbackInfo) {\n    if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const cartPage = await this.onClickCartIcon();\n      this.currentCartPage = cartPage;\n\n      if (cartPage) {\n        ShoppingModule.jumpToCartPage(callbackId!);\n      }\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(\n    event: UpdateProductDetailsEvent & CallbackInfo\n  ) {\n    if (this.onUpdateProductDetails) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const product = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n      if (product) {\n        ShoppingModule.updateVideoProduct(product, callbackId!);\n      }\n    }\n  }\n\n  private async handleWillDisplayProductEvent(\n    event: WillDisplayProductEvent & CallbackInfo\n  ) {\n    if (this.onWillDisplayProduct) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        ShoppingModule.updateProductViewConfig(config, callbackId!);\n      }\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","cartIconVisible","_cartIconVisible","value","ShoppingModule","setCartIconVisible","getInstance","_instance","constructor","eventEmitter","NativeEventEmitter","addListener","FWEventName","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","exitCartPage","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","cartPage","currentCartPage","jumpToCartPage","onUpdateProductDetails","product","updateVideoProduct","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport {\n  AddToCartEvent,\n  FWEventName,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule from './modules/ShoppingModule';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  React.ReactNode | undefined | null\n>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product | undefined | null>;\n\nexport type WillDisplayProductCallback = (\n  event: WillDisplayProductEvent\n) => Promise<ProductInfoViewConfiguration | undefined | null>;\n\ntype CallbackInfo = { callbackId?: number | string };\n\n/**\n * Entry class of Video Shopping\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * This callback is triggered when the user clicks the \"Add to cart\" button.\n   *\n   * The host app can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   */\n  public onAddToCart?: AddToCartCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can return a React.Node to integrate custom cart page to shopping flow.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product object to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the product will be shown.\n   *\n   * The host app can return a ProductInfoViewConfiguration object to configure \"Add to cart\" button style and cart icon style.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\n\n  /**\n   * Defaults to true. You can hide the cart icon by setting this property to false. \n   */\n  public get cartIconVisible(): boolean {\n    return this._cartIconVisible;\n  }\n  public set cartIconVisible(value: boolean) {\n    this._cartIconVisible = value;\n    ShoppingModule.setCartIconVisible(value);\n  }\n\n  public currentCartPage?: React.ReactNode;\n\n  private eventEmitter: NativeEventEmitter;\n\n  public static getInstance() {\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter = new NativeEventEmitter(ShoppingModule);\n    this.eventEmitter.addListener(FWEventName.AddToCart, (event) => {\n      this.handleAddToCartEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      this.handleClickCartIconEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.WillDisplayProduct, (event) => {\n      this.handleWillDisplayProductEvent(event);\n    });\n  }\n\n  /**\n   * Exit Cart Page.\n   *\n   * The host app can call this method to exit their cart page.\n   */\n  public exitCartPage() {\n    ShoppingModule.exitCartPage();\n  }\n\n  /**\n   * \n   * @param {number} count The number of items in the host app cart\n   */\n  public setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleAddToCartEvent(event: AddToCartEvent & CallbackInfo) {\n    if (this.onAddToCart) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        ShoppingModule.updateAddToCartStatus(\n          result.res,\n          result.tips,\n          callbackId!,\n        );\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent(event: CallbackInfo) {\n    if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const cartPage = await this.onClickCartIcon();\n      this.currentCartPage = cartPage;\n\n      if (cartPage) {\n        ShoppingModule.jumpToCartPage(callbackId!);\n      }\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(\n    event: UpdateProductDetailsEvent & CallbackInfo\n  ) {\n    if (this.onUpdateProductDetails) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const product = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n      if (product) {\n        ShoppingModule.updateVideoProduct(product, callbackId!);\n      }\n    }\n  }\n\n  private async handleWillDisplayProductEvent(\n    event: WillDisplayProductEvent & CallbackInfo\n  ) {\n    if (this.onWillDisplayProduct) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        ShoppingModule.updateProductViewConfig(config, callbackId!);\n      }\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}

package/lib/commonjs/components/VideoFeed.js

@@ -68,7 +68,10 @@ class VideoFeed extends _react.default.Component {
     }, this.props, {
       ref: this.nativeComponentRef,
       onVideoFeedLoadFinished: this._onVideoFeedLoadFinished,
-      mode: mode
+      mode: mode,
+      style: Object.assign({}, this.props.style, {
+        zIndex: -1
+      })
     }));
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["VideoFeed.tsx"],"names":["NativeComponentName","VideoFeed","React","Component","createRef","nativeNodeHandle","nativeComponentRef","current","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","render","source","channel","playlist","mode","videoFeedConfiguration","titleHidden","title","hidden","titlePosition","key","_onVideoFeedLoadFinished"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;;;AA6CA,MAAMA,mBAAmB,GAAG,aAA5B;;AAEe,MAAMC,SAAN,SAAwBC,eAAMC,SAA9B,CAAyD;AAAA;AAAA;;AAAA,6DAKjDD,eAAME,SAAN,EALiD;;AAAA,qCASrD,MAAM;AACrB,YAAMC,gBAAgB,GAAG,iCAAe,KAAKC,kBAAL,CAAwBC,OAAvC,CAAzB;;AAEAC,6BAAUC,0BAAV,CACE,iCAAeJ,gBAAf,CADF,EAEEG,uBAAUE,oBAAV,CAA+BV,mBAA/B,EAAoDW,QAApD,CAA6DC,OAF/D,EAGE,EAHF;AAKD,KAjBqE;;AAAA,sDAoBpEC,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,KA9BqE;AAAA;;AAgCtEC,EAAAA,MAAM,GAAG;AAAA;;AACP,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,IAAI,GAAG,KAJH;AAKJC,MAAAA;AALI,QAMF,KAAKP,KANT;AAOA,UAAMQ,WAAW,4BAAGD,sBAAH,aAAGA,sBAAH,iDAAGA,sBAAsB,CAAEE,KAA3B,2DAAG,uBAA+BC,MAAlC,yEAA4C,KAA7D;AACA,UAAMC,aAAa,6BAAGJ,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEI,aAA3B,2EAA4C,QAA/D;AAEA,UAAMC,GAAG,GAAI,UAAST,MAAO,YAAWC,OAAQ,aAAYC,QAAS,SAAQC,IAAK,gBAAeE,WAAY,kBAAiBG,aAAc,EAA5I;AAEA,wBACE,6BAAC,oBAAD;AACE,MAAA,GAAG,EAAEC;AADP,OAEM,KAAKZ,KAFX;AAGE,MAAA,GAAG,EAAE,KAAKX,kBAHZ;AAIE,MAAA,uBAAuB,EAAE,KAAKwB,wBAJhC;AAKE,MAAA,IAAI,EAAEP;AALR,OADF;AASD;;AAtDqE;;;;gBAAnDtB,S,kBACG;AACpBsB,EAAAA,IAAI,EAAE;AADc,C","sourcesContent":["import React from 'react';\nimport { UIManager, findNodeHandle, StyleProp, ViewStyle } from 'react-native';\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type FWError from '../models/FWError';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedSource = 'discover' | 'channel' | 'playlist';\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 three available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel name from which content should be displayed. Videos are ordered as a channel timeline. The prop is required when the source is set as channel or playlist.\n   */\n  channel?: string;\n  /**\n   * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of Video Feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of Video Player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * Video 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   * 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  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      mode = 'row',\n      videoFeedConfiguration,\n    } = this.props;\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n\n    const key = `source:${source}_channel:${channel}_playlist:${playlist}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"sources":["VideoFeed.tsx"],"names":["NativeComponentName","VideoFeed","React","Component","createRef","nativeNodeHandle","nativeComponentRef","current","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","render","source","channel","playlist","mode","videoFeedConfiguration","titleHidden","title","hidden","titlePosition","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;;;AA6CA,MAAMA,mBAAmB,GAAG,aAA5B;;AAEe,MAAMC,SAAN,SAAwBC,eAAMC,SAA9B,CAAyD;AAAA;AAAA;;AAAA,6DAKjDD,eAAME,SAAN,EALiD;;AAAA,qCASrD,MAAM;AACrB,YAAMC,gBAAgB,GAAG,iCAAe,KAAKC,kBAAL,CAAwBC,OAAvC,CAAzB;;AAEAC,6BAAUC,0BAAV,CACE,iCAAeJ,gBAAf,CADF,EAEEG,uBAAUE,oBAAV,CAA+BV,mBAA/B,EAAoDW,QAApD,CAA6DC,OAF/D,EAGE,EAHF;AAKD,KAjBqE;;AAAA,sDAoBpEC,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,KA9BqE;AAAA;;AAgCtEC,EAAAA,MAAM,GAAG;AAAA;;AACP,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,IAAI,GAAG,KAJH;AAKJC,MAAAA;AALI,QAMF,KAAKP,KANT;AAOA,UAAMQ,WAAW,4BAAGD,sBAAH,aAAGA,sBAAH,iDAAGA,sBAAsB,CAAEE,KAA3B,2DAAG,uBAA+BC,MAAlC,yEAA4C,KAA7D;AACA,UAAMC,aAAa,6BAAGJ,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEI,aAA3B,2EAA4C,QAA/D;AAEA,UAAMC,GAAG,GAAI,UAAST,MAAO,YAAWC,OAAQ,aAAYC,QAAS,SAAQC,IAAK,gBAAeE,WAAY,kBAAiBG,aAAc,EAA5I;AAEA,wBACE,6BAAC,oBAAD;AACE,MAAA,GAAG,EAAEC;AADP,OAEM,KAAKZ,KAFX;AAGE,MAAA,GAAG,EAAE,KAAKX,kBAHZ;AAIE,MAAA,uBAAuB,EAAE,KAAKwB,wBAJhC;AAKE,MAAA,IAAI,EAAEP,IALR;AAME,MAAA,KAAK,EAAEQ,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKf,KAAL,CAAWgB,KAA7B,EAAoC;AAACC,QAAAA,MAAM,EAAE,CAAC;AAAV,OAApC;AANT,OADF;AAUD;;AAvDqE;;;;gBAAnDjC,S,kBACG;AACpBsB,EAAAA,IAAI,EAAE;AADc,C","sourcesContent":["import React from 'react';\nimport { UIManager, findNodeHandle, StyleProp, ViewStyle } from 'react-native';\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type FWError from '../models/FWError';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedSource = 'discover' | 'channel' | 'playlist';\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 three available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel name from which content should be displayed. Videos are ordered as a channel timeline. The prop is required when the source is set as channel or playlist.\n   */\n  channel?: string;\n  /**\n   * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of Video Feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of Video Player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * Video 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   * 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  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      mode = 'row',\n      videoFeedConfiguration,\n    } = this.props;\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n\n    const key = `source:${source}_channel:${channel}_playlist:${playlist}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;\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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ShoppingModule.ts"],"names":["ShoppingModule","NativeModules","Proxy","get","Error","LINKING_ERROR"],"mappings":";;;;;;;AAAA;;AAMA;;AAEA,MAAMA,cAAc,GAAGC,2BAAcD,cAAd,GACnBC,2BAAcD,cADK,GAEnB,IAAIE,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUC,6BAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;eAsBeL,c","sourcesContent":["import {\n  NativeModule,\n  NativeModules,\n} from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\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  updateVideoProduct(production: Product, callbackId: number): void;\n  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number): void;\n  updateAddToCartStatus(res: string, tips: string, callbackId: number): void;\n  jumpToCartPage(callbackId: number): void;\n  exitCartPage(): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nexport default ShoppingModule as IShoppingModule;\n"]}
+{"version":3,"sources":["ShoppingModule.ts"],"names":["ShoppingModule","NativeModules","Proxy","get","Error","LINKING_ERROR"],"mappings":";;;;;;;AAAA;;AAMA;;AAEA,MAAMA,cAAc,GAAGC,2BAAcD,cAAd,GACnBC,2BAAcD,cADK,GAEnB,IAAIE,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUC,6BAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;eAsBeL,c","sourcesContent":["import {\n  NativeModule,\n  NativeModules,\n} from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\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  updateVideoProduct(production: Product, callbackId: number | string): void;\n  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;\n  updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;\n  jumpToCartPage(callbackId: number | string): void;\n  exitCartPage(): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nexport default ShoppingModule as IShoppingModule;\n"]}

package/lib/module/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["NativeEventEmitter","FWEventName","ShoppingModule","VideoShopping","cartIconVisible","_cartIconVisible","value","setCartIconVisible","getInstance","_instance","constructor","eventEmitter","addListener","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","exitCartPage","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","cartPage","currentCartPage","jumpToCartPage","onUpdateProductDetails","product","updateVideoProduct","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport {\n  AddToCartEvent,\n  FWEventName,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule from './modules/ShoppingModule';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  React.ReactNode | undefined | null\n>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product | undefined | null>;\n\nexport type WillDisplayProductCallback = (\n  event: WillDisplayProductEvent\n) => Promise<ProductInfoViewConfiguration | undefined | null>;\n\ntype CallbackInfo = { callbackId?: number };\n\n/**\n * Entry class of Video Shopping\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * This callback is triggered when the user clicks the \"Add to cart\" button.\n   *\n   * The host app can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   */\n  public onAddToCart?: AddToCartCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can return a React.Node to integrate custom cart page to shopping flow.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product object to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the product will be shown.\n   *\n   * The host app can return a ProductInfoViewConfiguration object to configure \"Add to cart\" button style and cart icon style.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\n\n  /**\n   * Defaults to true. You can hide the cart icon by setting this property to false. \n   */\n  public get cartIconVisible(): boolean {\n    return this._cartIconVisible;\n  }\n  public set cartIconVisible(value: boolean) {\n    this._cartIconVisible = value;\n    ShoppingModule.setCartIconVisible(value);\n  }\n\n  public currentCartPage?: React.ReactNode;\n\n  private eventEmitter: NativeEventEmitter;\n\n  public static getInstance() {\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter = new NativeEventEmitter(ShoppingModule);\n    this.eventEmitter.addListener(FWEventName.AddToCart, (event) => {\n      this.handleAddToCartEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      this.handleClickCartIconEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.WillDisplayProduct, (event) => {\n      this.handleWillDisplayProductEvent(event);\n    });\n  }\n\n  /**\n   * Exit Cart Page.\n   *\n   * The host app can call this method to exit their cart page.\n   */\n  public exitCartPage() {\n    ShoppingModule.exitCartPage();\n  }\n\n  /**\n   * \n   * @param {number} count The number of items in the host app cart\n   */\n  public setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleAddToCartEvent(event: AddToCartEvent & CallbackInfo) {\n    if (this.onAddToCart) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        ShoppingModule.updateAddToCartStatus(\n          result.res,\n          result.tips,\n          callbackId!,\n        );\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent(event: CallbackInfo) {\n    if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const cartPage = await this.onClickCartIcon();\n      this.currentCartPage = cartPage;\n\n      if (cartPage) {\n        ShoppingModule.jumpToCartPage(callbackId!);\n      }\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(\n    event: UpdateProductDetailsEvent & CallbackInfo\n  ) {\n    if (this.onUpdateProductDetails) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const product = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n      if (product) {\n        ShoppingModule.updateVideoProduct(product, callbackId!);\n      }\n    }\n  }\n\n  private async handleWillDisplayProductEvent(\n    event: WillDisplayProductEvent & CallbackInfo\n  ) {\n    if (this.onWillDisplayProduct) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        ShoppingModule.updateProductViewConfig(config, callbackId!);\n      }\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["NativeEventEmitter","FWEventName","ShoppingModule","VideoShopping","cartIconVisible","_cartIconVisible","value","setCartIconVisible","getInstance","_instance","constructor","eventEmitter","addListener","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","exitCartPage","setCartItemCount","count","onAddToCart","callbackId","result","updateAddToCartStatus","res","tips","onClickCartIcon","cartPage","currentCartPage","jumpToCartPage","onUpdateProductDetails","product","updateVideoProduct","onWillDisplayProduct","config","updateProductViewConfig"],"mappings":"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","sourcesContent":["import { NativeEventEmitter } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport {\n  AddToCartEvent,\n  FWEventName,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule from './modules/ShoppingModule';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  React.ReactNode | undefined | null\n>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product | undefined | null>;\n\nexport type WillDisplayProductCallback = (\n  event: WillDisplayProductEvent\n) => Promise<ProductInfoViewConfiguration | undefined | null>;\n\ntype CallbackInfo = { callbackId?: number | string };\n\n/**\n * Entry class of Video Shopping\n */\nclass VideoShopping {\n  private static _instance?: VideoShopping;\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * This callback is triggered when the user clicks the \"Add to cart\" button.\n   *\n   * The host app can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   */\n  public onAddToCart?: AddToCartCallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can return a React.Node to integrate custom cart page to shopping flow.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product object to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the product will be shown.\n   *\n   * The host app can return a ProductInfoViewConfiguration object to configure \"Add to cart\" button style and cart icon style.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\n\n  /**\n   * Defaults to true. You can hide the cart icon by setting this property to false. \n   */\n  public get cartIconVisible(): boolean {\n    return this._cartIconVisible;\n  }\n  public set cartIconVisible(value: boolean) {\n    this._cartIconVisible = value;\n    ShoppingModule.setCartIconVisible(value);\n  }\n\n  public currentCartPage?: React.ReactNode;\n\n  private eventEmitter: NativeEventEmitter;\n\n  public static getInstance() {\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter = new NativeEventEmitter(ShoppingModule);\n    this.eventEmitter.addListener(FWEventName.AddToCart, (event) => {\n      this.handleAddToCartEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      this.handleClickCartIconEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.WillDisplayProduct, (event) => {\n      this.handleWillDisplayProductEvent(event);\n    });\n  }\n\n  /**\n   * Exit Cart Page.\n   *\n   * The host app can call this method to exit their cart page.\n   */\n  public exitCartPage() {\n    ShoppingModule.exitCartPage();\n  }\n\n  /**\n   * \n   * @param {number} count The number of items in the host app cart\n   */\n  public setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleAddToCartEvent(event: AddToCartEvent & CallbackInfo) {\n    if (this.onAddToCart) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        ShoppingModule.updateAddToCartStatus(\n          result.res,\n          result.tips,\n          callbackId!,\n        );\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent(event: CallbackInfo) {\n    if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const cartPage = await this.onClickCartIcon();\n      this.currentCartPage = cartPage;\n\n      if (cartPage) {\n        ShoppingModule.jumpToCartPage(callbackId!);\n      }\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(\n    event: UpdateProductDetailsEvent & CallbackInfo\n  ) {\n    if (this.onUpdateProductDetails) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const product = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n      if (product) {\n        ShoppingModule.updateVideoProduct(product, callbackId!);\n      }\n    }\n  }\n\n  private async handleWillDisplayProductEvent(\n    event: WillDisplayProductEvent & CallbackInfo\n  ) {\n    if (this.onWillDisplayProduct) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        ShoppingModule.updateProductViewConfig(config, callbackId!);\n      }\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}

package/lib/module/components/VideoFeed.js

@@ -54,7 +54,10 @@ export default class VideoFeed extends React.Component {
     }, this.props, {
       ref: this.nativeComponentRef,
       onVideoFeedLoadFinished: this._onVideoFeedLoadFinished,
-      mode: mode
+      mode: mode,
+      style: Object.assign({}, this.props.style, {
+        zIndex: -1
+      })
     }));
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["VideoFeed.tsx"],"names":["React","UIManager","findNodeHandle","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","nativeNodeHandle","nativeComponentRef","current","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","render","source","channel","playlist","mode","videoFeedConfiguration","titleHidden","title","hidden","titlePosition","key","_onVideoFeedLoadFinished"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,cAApB,QAAgE,cAAhE;AAKA,OAAOC,WAAP,MAAwB,eAAxB;AA6CA,MAAMC,mBAAmB,GAAG,aAA5B;AAEA,eAAe,MAAMC,SAAN,SAAwBL,KAAK,CAACM,SAA9B,CAAyD;AAAA;AAAA;;AAAA,6DAKjDN,KAAK,CAACO,SAAN,EALiD;;AAAA,qCASrD,MAAM;AACrB,YAAMC,gBAAgB,GAAGN,cAAc,CAAC,KAAKO,kBAAL,CAAwBC,OAAzB,CAAvC;AAEAT,MAAAA,SAAS,CAACU,0BAAV,CACET,cAAc,CAACM,gBAAD,CADhB,EAEEP,SAAS,CAACW,oBAAV,CAA+BR,mBAA/B,EAAoDS,QAApD,CAA6DC,OAF/D,EAGE,EAHF;AAKD,KAjBqE;;AAAA,sDAoBpEC,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,KA9BqE;AAAA;;AAgCtEC,EAAAA,MAAM,GAAG;AAAA;;AACP,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,IAAI,GAAG,KAJH;AAKJC,MAAAA;AALI,QAMF,KAAKP,KANT;AAOA,UAAMQ,WAAW,4BAAGD,sBAAH,aAAGA,sBAAH,iDAAGA,sBAAsB,CAAEE,KAA3B,2DAAG,uBAA+BC,MAAlC,yEAA4C,KAA7D;AACA,UAAMC,aAAa,6BAAGJ,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEI,aAA3B,2EAA4C,QAA/D;AAEA,UAAMC,GAAG,GAAI,UAAST,MAAO,YAAWC,OAAQ,aAAYC,QAAS,SAAQC,IAAK,gBAAeE,WAAY,kBAAiBG,aAAc,EAA5I;AAEA,wBACE,oBAAC,WAAD;AACE,MAAA,GAAG,EAAEC;AADP,OAEM,KAAKZ,KAFX;AAGE,MAAA,GAAG,EAAE,KAAKV,kBAHZ;AAIE,MAAA,uBAAuB,EAAE,KAAKuB,wBAJhC;AAKE,MAAA,IAAI,EAAEP;AALR,OADF;AASD;;AAtDqE;;gBAAnDpB,S,kBACG;AACpBoB,EAAAA,IAAI,EAAE;AADc,C","sourcesContent":["import React from 'react';\nimport { UIManager, findNodeHandle, StyleProp, ViewStyle } from 'react-native';\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type FWError from '../models/FWError';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedSource = 'discover' | 'channel' | 'playlist';\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 three available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel name from which content should be displayed. Videos are ordered as a channel timeline. The prop is required when the source is set as channel or playlist.\n   */\n  channel?: string;\n  /**\n   * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of Video Feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of Video Player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * Video 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   * 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  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      mode = 'row',\n      videoFeedConfiguration,\n    } = this.props;\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n\n    const key = `source:${source}_channel:${channel}_playlist:${playlist}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;\n\n    return (\n      <FWVideoFeed\n        key={key}\n        {...this.props}\n        ref={this.nativeComponentRef}\n        onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}\n        mode={mode}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"sources":["VideoFeed.tsx"],"names":["React","UIManager","findNodeHandle","FWVideoFeed","NativeComponentName","VideoFeed","Component","createRef","nativeNodeHandle","nativeComponentRef","current","dispatchViewManagerCommand","getViewManagerConfig","Commands","refresh","event","name","reason","nativeEvent","props","onVideoFeedLoadFinished","render","source","channel","playlist","mode","videoFeedConfiguration","titleHidden","title","hidden","titlePosition","key","_onVideoFeedLoadFinished","Object","assign","style","zIndex"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,cAApB,QAAgE,cAAhE;AAKA,OAAOC,WAAP,MAAwB,eAAxB;AA6CA,MAAMC,mBAAmB,GAAG,aAA5B;AAEA,eAAe,MAAMC,SAAN,SAAwBL,KAAK,CAACM,SAA9B,CAAyD;AAAA;AAAA;;AAAA,6DAKjDN,KAAK,CAACO,SAAN,EALiD;;AAAA,qCASrD,MAAM;AACrB,YAAMC,gBAAgB,GAAGN,cAAc,CAAC,KAAKO,kBAAL,CAAwBC,OAAzB,CAAvC;AAEAT,MAAAA,SAAS,CAACU,0BAAV,CACET,cAAc,CAACM,gBAAD,CADhB,EAEEP,SAAS,CAACW,oBAAV,CAA+BR,mBAA/B,EAAoDS,QAApD,CAA6DC,OAF/D,EAGE,EAHF;AAKD,KAjBqE;;AAAA,sDAoBpEC,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,KA9BqE;AAAA;;AAgCtEC,EAAAA,MAAM,GAAG;AAAA;;AACP,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,IAAI,GAAG,KAJH;AAKJC,MAAAA;AALI,QAMF,KAAKP,KANT;AAOA,UAAMQ,WAAW,4BAAGD,sBAAH,aAAGA,sBAAH,iDAAGA,sBAAsB,CAAEE,KAA3B,2DAAG,uBAA+BC,MAAlC,yEAA4C,KAA7D;AACA,UAAMC,aAAa,6BAAGJ,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAEI,aAA3B,2EAA4C,QAA/D;AAEA,UAAMC,GAAG,GAAI,UAAST,MAAO,YAAWC,OAAQ,aAAYC,QAAS,SAAQC,IAAK,gBAAeE,WAAY,kBAAiBG,aAAc,EAA5I;AAEA,wBACE,oBAAC,WAAD;AACE,MAAA,GAAG,EAAEC;AADP,OAEM,KAAKZ,KAFX;AAGE,MAAA,GAAG,EAAE,KAAKV,kBAHZ;AAIE,MAAA,uBAAuB,EAAE,KAAKuB,wBAJhC;AAKE,MAAA,IAAI,EAAEP,IALR;AAME,MAAA,KAAK,EAAEQ,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKf,KAAL,CAAWgB,KAA7B,EAAoC;AAACC,QAAAA,MAAM,EAAE,CAAC;AAAV,OAApC;AANT,OADF;AAUD;;AAvDqE;;gBAAnD/B,S,kBACG;AACpBoB,EAAAA,IAAI,EAAE;AADc,C","sourcesContent":["import React from 'react';\nimport { UIManager, findNodeHandle, StyleProp, ViewStyle } from 'react-native';\nimport type { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';\nimport type VideoFeedConfiguration from '../models/VideoFeedConfiguration';\nimport type FWError from '../models/FWError';\nimport FWVideoFeed from './FWVideoFeed';\n\nexport type VideoFeedSource = 'discover' | 'channel' | 'playlist';\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 three available video feed sources.\n   */\n  source: VideoFeedSource;\n  /**\n   * Channel name from which content should be displayed. Videos are ordered as a channel timeline. The prop is required when the source is set as channel or playlist.\n   */\n  channel?: string;\n  /**\n   * Playlist Id for selected content. Please note channel name is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * One of three available display modes. Defaults to row.\n   */\n  mode?: VideoFeedMode;\n  /**\n   * Configuration of Video Feed.\n   */\n  videoFeedConfiguration?: VideoFeedConfiguration;\n  /**\n   * Configuration of Video Player.\n   */\n  videoPlayerConfiguration?: VideoPlayerConfiguration;\n  /**\n   * Video 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   * 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  render() {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      mode = 'row',\n      videoFeedConfiguration,\n    } = this.props;\n    const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;\n    const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';\n\n    const key = `source:${source}_channel:${channel}_playlist:${playlist}_mode:${mode}_titleHidden:${titleHidden}_titlePosition:${titlePosition}`;\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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ShoppingModule.ts"],"names":["NativeModules","LINKING_ERROR","ShoppingModule","Proxy","get","Error"],"mappings":"AAAA,SAEEA,aAFF,QAGO,cAHP;AAMA,SAASC,aAAT,QAA8B,6BAA9B;AAEA,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;AAsBA,eAAeC,cAAf","sourcesContent":["import {\n  NativeModule,\n  NativeModules,\n} from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\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  updateVideoProduct(production: Product, callbackId: number): void;\n  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number): void;\n  updateAddToCartStatus(res: string, tips: string, callbackId: number): void;\n  jumpToCartPage(callbackId: number): void;\n  exitCartPage(): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nexport default ShoppingModule as IShoppingModule;\n"]}
+{"version":3,"sources":["ShoppingModule.ts"],"names":["NativeModules","LINKING_ERROR","ShoppingModule","Proxy","get","Error"],"mappings":"AAAA,SAEEA,aAFF,QAGO,cAHP;AAMA,SAASC,aAAT,QAA8B,6BAA9B;AAEA,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;AAsBA,eAAeC,cAAf","sourcesContent":["import {\n  NativeModule,\n  NativeModules,\n} from 'react-native';\nimport type Product from '../models/Product';\nimport type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\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  updateVideoProduct(production: Product, callbackId: number | string): void;\n  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;\n  updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;\n  jumpToCartPage(callbackId: number | string): void;\n  exitCartPage(): void;\n  setCartIconVisible(visible: boolean): void;\n  setCartItemCount(count: number): void;\n}\n\nexport default ShoppingModule as IShoppingModule;\n"]}

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

@@ -1,10 +1,10 @@
 export default interface ADConfig {
     /**
-     * Defaults to none.
+     * Defaults to none. Only supported on iOS.
      */
     type?: 'none' | 'admob' | 'ima';
     /**
-     * Defaults to true. The property only takes effect when type is admob.
+     * Defaults to true. The property only takes effect when type is admob. Only supported on iOS.
      */
     startMobileAds?: boolean;
 }

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

@@ -5,7 +5,7 @@ export interface AddToCartButtonConfiguration {
 }
 export default interface ProductInfoViewConfiguration {
     /**
-     * Configuration of "Add to cart" button.
+     * Configuration of "Add to cart" button. Only supported on iOS.
      */
     addToCartButton?: AddToCartButtonConfiguration;
 }

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

@@ -14,7 +14,7 @@ export default interface VideoFeedConfiguration {
      */
     backgroundColor?: string;
     /**
-     * CornerRadius of video feed.
+     * CornerRadius of video feed. Only supported on iOS.
      */
     cornerRadius?: number;
     /**
@@ -26,7 +26,7 @@ export default interface VideoFeedConfiguration {
      */
     titlePosition?: VideoFeedTitlePosition;
     /**
-     * Configuration of video feed play icon.
+     * Configuration of video feed play icon. Only supported on iOS.
      */
     playIcon?: VideoFeedPlayIconConfiguration;
 }

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

@@ -19,7 +19,7 @@ export default interface VideoPlayerConfiguration {
      */
     showShareButton?: boolean;
     /**
-     * The style of CTA button style.
+     * The style of CTA button style. Only supported on iOS.
      */
     ctaButtonStyle?: VideoPlayerCTAStyle;
 }

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

@@ -3,10 +3,10 @@ import type Product from '../models/Product';
 import type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';
 interface IShoppingModule extends NativeModule {
     init(): void;
-    updateVideoProduct(production: Product, callbackId: number): void;
-    updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number): void;
-    updateAddToCartStatus(res: string, tips: string, callbackId: number): void;
-    jumpToCartPage(callbackId: number): void;
+    updateVideoProduct(production: Product, callbackId: number | string): void;
+    updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;
+    updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;
+    jumpToCartPage(callbackId: number | string): void;
     exitCartPage(): void;
     setCartIconVisible(visible: boolean): void;
     setCartItemCount(count: number): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.4",
   "description": "Firework React Native SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -26,7 +26,6 @@
     "typescript": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "prepare": "bob build",
-    "release": "release-it",
     "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"
@@ -49,7 +48,6 @@
   "devDependencies": {
     "@commitlint/config-conventional": "^11.0.0",
     "@react-native-community/eslint-config": "^2.0.0",
-    "@release-it/conventional-changelog": "^2.0.0",
     "@types/jest": "^26.0.23",
     "@types/react": "^17.0.37",
     "@types/react-native": "^0.66.4",
@@ -64,7 +62,6 @@
     "react": "17.0.2",
     "react-native": "0.66.4",
     "react-native-builder-bob": "^0.18.0",
-    "release-it": "^14.2.2",
     "typescript": "^4.4.4"
   },
   "peerDependencies": {
@@ -83,23 +80,6 @@
       "@commitlint/config-conventional"
     ]
   },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
-    },
-    "npm": {
-      "publish": true
-    },
-    "github": {
-      "release": true
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular"
-      }
-    }
-  },
   "eslintConfig": {
     "root": true,
     "extends": [

package/react-native-firework-sdk.podspec

@@ -10,13 +10,22 @@ Pod::Spec.new do |s|
   s.license      = package["license"]
   s.authors      = package["author"]
 
-  s.platforms    = { :ios => "11.0" }
+  s.platforms    = { :ios => "12.0" }
   s.source       = { :git => "https://github.com/loopsocial/bogano.git", :tag => "#{s.version}" }
 
+  s.swift_version = '5.0'
+  # s.header_dir = "ios"
+  # s.public_header_files = "ios/*.h"
   s.source_files = "ios/**/*.{h,m,mm,swift}"
-  s.pod_target_xcconfig = { 'FRAMEWORK_SEARCH_PATHS' => ["${PODS_ROOT}/FireworkVideoGIMASupport","${PODS_ROOT}/FireworkVideoGAMSupport"]}
+  
+  s.pod_target_xcconfig = { 'FRAMEWORK_SEARCH_PATHS' => ['"${PODS_ROOT}/FireworkVideoGIMASupport"','"${PODS_ROOT}/FireworkVideoGAMSupport"','"${PODS_XCFRAMEWORKS_BUILD_DIR}/FireworkVideoGIMASupport"','"${PODS_XCFRAMEWORKS_BUILD_DIR}/FireworkVideoGAMSupport"','"${PODS_ROOT}/GoogleAds-IMA-iOS-SDK"']}
+
+  s.script_phase = { :name => 'Copy module header files', :script => 'echo "react-native-firework-sdk module_header_path path is"
+module_header_path=${PODS_TARGET_SRCROOT}"/ios/react_native_firework_sdk.h"
+echo $module_header_path
+cp $module_header_path "${PODS_ROOT}/Headers/Public/react_native_firework_sdk/"', :execution_position => :before_compile }
 
 
   s.dependency "React-Core"
-  s.dependency "FireworkVideo","~>0.12.0"
+  s.dependency "FireworkVideo","0.13.0"
 end

package/src/VideoShopping.ts

@@ -27,7 +27,7 @@ export type WillDisplayProductCallback = (
   event: WillDisplayProductEvent
 ) => Promise<ProductInfoViewConfiguration | undefined | null>;
 
-type CallbackInfo = { callbackId?: number };
+type CallbackInfo = { callbackId?: number | string };
 
 /**
  * Entry class of Video Shopping

package/src/components/VideoFeed.tsx

@@ -103,6 +103,7 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
         ref={this.nativeComponentRef}
         onVideoFeedLoadFinished={this._onVideoFeedLoadFinished}
         mode={mode}
+        style={Object.assign({}, this.props.style, {zIndex: -1})}
       />
     );
   }

package/src/models/ADConfig.ts

@@ -1,10 +1,10 @@
 export default interface ADConfig {
   /**
-   * Defaults to none.
+   * Defaults to none. Only supported on iOS.
    */
   type?: 'none' | 'admob' | 'ima',
   /**
-   * Defaults to true. The property only takes effect when type is admob.
+   * Defaults to true. The property only takes effect when type is admob. Only supported on iOS.
    */
   startMobileAds?: boolean,
 }

package/src/models/ProductInfoViewConfiguration.ts

@@ -6,7 +6,7 @@ export interface AddToCartButtonConfiguration {
 
 export default interface ProductInfoViewConfiguration {
   /**
-   * Configuration of "Add to cart" button.
+   * Configuration of "Add to cart" button. Only supported on iOS.
    */
   addToCartButton?: AddToCartButtonConfiguration;
 }

package/src/models/VideoFeedConfiguration.ts

@@ -17,7 +17,7 @@ export default interface VideoFeedConfiguration {
    */
   backgroundColor?: string;
   /**
-   * CornerRadius of video feed.
+   * CornerRadius of video feed. Only supported on iOS.
    */
   cornerRadius?: number;
   /**
@@ -29,7 +29,7 @@ export default interface VideoFeedConfiguration {
    */
   titlePosition?: VideoFeedTitlePosition;
   /**
-   * Configuration of video feed play icon.
+   * Configuration of video feed play icon. Only supported on iOS.
    */
   playIcon?: VideoFeedPlayIconConfiguration;
 }

package/src/models/VideoPlayerConfiguration.ts

@@ -20,7 +20,7 @@ export default interface VideoPlayerConfiguration {
    */
   showShareButton?: boolean;
   /**
-   * The style of CTA button style.
+   * The style of CTA button style. Only supported on iOS.
    */
   ctaButtonStyle?: VideoPlayerCTAStyle;
 }

package/src/modules/ShoppingModule.ts

@@ -19,10 +19,10 @@ const ShoppingModule = NativeModules.ShoppingModule
 
 interface IShoppingModule extends NativeModule {
   init(): void;
-  updateVideoProduct(production: Product, callbackId: number): void;
-  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number): void;
-  updateAddToCartStatus(res: string, tips: string, callbackId: number): void;
-  jumpToCartPage(callbackId: number): void;
+  updateVideoProduct(production: Product, callbackId: number | string): void;
+  updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;
+  updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;
+  jumpToCartPage(callbackId: number | string): void;
   exitCartPage(): void;
   setCartIconVisible(visible: boolean): void;
   setCartItemCount(count: number): void;