react-native-firework-sdk 1.0.0-beta → 1.0.3

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,7 +180,7 @@ 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'

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

@@ -92,6 +92,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/android/src/main/java/com/reactnativefireworksdk/models/FWVideoShoppingInterface.kt

@@ -10,4 +10,6 @@ interface FWVideoShoppingInterface {
   fun updateAddToCartStatus(res: String?, tip: String?, callbackId: Int?)
   fun jumpToCartPage(callbackId: Int?)
   fun exitCartPage()
+  fun setCartIconVisible(visible: Boolean?)
+  fun setCartItemCount(count: Int?)
 }

package/android/src/main/java/com/reactnativefireworksdk/module/FWVideoShoppingModule.kt

@@ -116,6 +116,20 @@ class FWVideoShoppingModule(
     }
   }
 
+  @ReactMethod
+  override fun setCartIconVisible(visible: Boolean?) {
+    UiThreadUtil.runOnUiThread {
+      Baya.willUseCustomCart(visible?:true)
+    }
+  }
+
+  @ReactMethod
+  override fun setCartItemCount(count: Int?) {
+    UiThreadUtil.runOnUiThread {
+      Baya.itemCount.value = count?:0
+    }
+  }
+
   private fun cartListener() {
     Baya.cartInterface = object: Baya.CartInterface {
 

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/Models/RCTConvert+FireworkSDKModule.swift

@@ -30,10 +30,10 @@ extension RCTConvert {
     }
     
     static func videoPlayerStyle(_ style: String?) -> VideoPlayerContentConfiguration.VideoPlayerStyle? {
-        guard let style = style else {
+        guard let rStyle = style else {
             return nil
         }
-        if style == "fit" {
+        if rStyle == "fit" {
             return .fit
         } else {
             return .fullBleed
@@ -52,17 +52,17 @@ extension RCTConvert {
     }
     
     static func ctaButtonStyle(_ style: [String: AnyObject]?) -> ButtonContentConfiguration? {
-        guard let style = style else {
+        guard let rStyle = style else {
             return nil
         }
         var btnContentConfig = ButtonContentConfiguration()
-        if let backgroundColor = style["backgroundColor"] as? String {
+        if let backgroundColor = rStyle["backgroundColor"] as? String {
             btnContentConfig.backgroundColor = backgroundColor.uicolor()
         }
-        if let textColor = style["textColor"] as? String {
+        if let textColor = rStyle["textColor"] as? String {
             btnContentConfig.textColor = textColor.uicolor()
         }
-        if let fontSize = style["fontSize"] as? Float {
+        if let fontSize = rStyle["fontSize"] as? Float {
             btnContentConfig.font = UIFont.systemFont(ofSize: CGFloat(fontSize))
         }
         
@@ -70,18 +70,18 @@ extension RCTConvert {
     }
     
     static func mobileADConfiguration(_ config: [String: AnyObject]?) -> MobileADConfiguration? {
-        guard let config = config else {
+        guard let rConfig = config else {
             return nil
         }
         
-        let jsonData = try? JSONSerialization.data(withJSONObject: config, options: .prettyPrinted)
-        guard let jsonData = jsonData else {
+        let jsonData = try? JSONSerialization.data(withJSONObject: rConfig, options: .prettyPrinted)
+        guard let rJsonData = jsonData else {
             return nil
         }
         
         var result: MobileADConfiguration?
         do {
-            result = try JSONDecoder().decode(MobileADConfiguration.self, from: jsonData)
+            result = try JSONDecoder().decode(MobileADConfiguration.self, from: rJsonData)
         } catch let error {
             print(error.localizedDescription)
         }

package/ios/Models/RCTConvert+Shopping.swift

@@ -9,18 +9,18 @@ import Foundation
 
 extension RCTConvert {
     static func buildProduct(_ product: [String: Any]?) -> Product? {
-        guard let product = product else {
+        guard let rProduct = product else {
             return nil
         }
         
-        let jsonData = try? JSONSerialization.data(withJSONObject: product, options: .prettyPrinted)
-        guard let jsonData = jsonData else {
+        let jsonData = try? JSONSerialization.data(withJSONObject: rProduct, options: .prettyPrinted)
+        guard let rJsonData = jsonData else {
             return nil
         }
         
         var result: Product?
         do {
-            result = try JSONDecoder().decode(Product.self, from: jsonData)
+            result = try JSONDecoder().decode(Product.self, from: rJsonData)
         } catch let error {
             print(error.localizedDescription)
         }
@@ -28,18 +28,18 @@ extension RCTConvert {
     }
     
     static func buildProductInfoViewConfiguration(_ config: [String: Any]?) -> ProductInfoViewConfiguration? {
-        guard let config = config else {
+        guard let rConfig = config else {
             return nil
         }
         
-        let jsonData = try? JSONSerialization.data(withJSONObject: config, options: .prettyPrinted)
-        guard let jsonData = jsonData else {
+        let jsonData = try? JSONSerialization.data(withJSONObject: rConfig, options: .prettyPrinted)
+        guard let rJsonData = jsonData else {
             return nil
         }
         
         var result: ProductInfoViewConfiguration?
         do {
-            result = try JSONDecoder().decode(ProductInfoViewConfiguration.self, from: jsonData)
+            result = try JSONDecoder().decode(ProductInfoViewConfiguration.self, from: rJsonData)
         } catch let error {
             print(error.localizedDescription)
         }

package/ios/Models/RCTConvert+VideoFeed.swift

@@ -26,44 +26,44 @@ extension VideoFeedMode {
 @objc
 public extension RCTConvert {
     static func videoFeedSourceType(_ type: String?) -> VideFeedSourceType {
-        guard let type = type else {
+        guard let rType = type else {
             return .discover
         }
         
-        return .feedTypeMapper[type] ?? .discover
+        return VideFeedSourceType.feedTypeMapper[rType] ?? .discover
     }
     
     static func videoFeedMode(_ type: String?) -> VideoFeedMode {
-        guard let type = type else {
+        guard let rType = type else {
             return .row
         }
         
-        return .feedModeMapper[type] ?? .row
+        return VideoFeedMode.feedModeMapper[rType] ?? .row
     }
     
     static func videoFeedConfiguration(_ config: [String: AnyObject]?) -> VideoFeedConfiguration? {
-        guard let config = config else {
+        guard let rConfig = config else {
             return nil
         }
         
-        let jsonData = try? JSONSerialization.data(withJSONObject: config, options: .prettyPrinted)
-        guard let jsonData = jsonData else {
+        let jsonData = try? JSONSerialization.data(withJSONObject: rConfig, options: .prettyPrinted)
+        guard let rJsonData = jsonData else {
             return nil
         }
         
-        return try? JSONDecoder().decode(VideoFeedConfiguration.self, from: jsonData)
+        return try? JSONDecoder().decode(VideoFeedConfiguration.self, from: rJsonData)
     }
     
     static func videoPlayerConfiguration(_ config: [String: AnyObject]?) -> VideoPlayerConfiguration? {
-        guard let config = config else {
+        guard let rConfig = config else {
             return nil
         }
         
-        let jsonData = try? JSONSerialization.data(withJSONObject: config, options: .prettyPrinted)
-        guard let jsonData = jsonData else {
+        let jsonData = try? JSONSerialization.data(withJSONObject: rConfig, options: .prettyPrinted)
+        guard let rJsonData = jsonData else {
             return nil
         }
         
-        return try? JSONDecoder().decode(VideoPlayerConfiguration.self, from: jsonData)
+        return try? JSONDecoder().decode(VideoPlayerConfiguration.self, from: rJsonData)
     }
 }

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/Modules/Shopping/ShoppingModule.m

@@ -10,6 +10,8 @@
 @interface RCT_EXTERN_REMAP_MODULE(ShoppingModule, ShoppingModule, NSObject)
 
 _RCT_EXTERN_REMAP_METHOD(init, initialize, NO)
+RCT_EXTERN_METHOD(setCartIconVisible:(BOOL)visible)
+RCT_EXTERN_METHOD(setCartItemCount:(int)itemCounts)
 RCT_EXTERN_METHOD(updateVideoProduct:(NSDictionary *)product cbId:(nonnull NSNumber *)cbid)
 RCT_EXTERN_METHOD(updateProductViewConfig:(NSDictionary *)config cbId:(nonnull NSNumber *)cbid)
 RCT_EXTERN_METHOD(updateAddToCartStatus:(NSString *)res tips:(nullable NSString *)tips cbId:(nonnull NSNumber *)cbid)

package/ios/Modules/Shopping/ShoppingModule.swift

@@ -15,6 +15,8 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
     private var addToCartHandler: (Int, AddToCartHandler)?
     private var productHydrating: (Int, ProductHydrating)?
     private var cartViewController: CartViewController?
+    private var cartIconVisible = true
+    private var itemCounts = 0
 
     override func supportedEvents() -> [String]! {
         ShoppingEventName.allCases.map { $0.rawValue }
@@ -41,16 +43,35 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
         }
     }
     
+    @objc
+    func setCartIconVisible(_ visible: Bool) {
+        cartIconVisible = visible
+    }
+    
+    @objc
+    func setCartItemCount(_ itemCounts: Int) {
+        self.itemCounts = itemCounts
+        
+        guard let rProductInfoViewConfigurator = productInfoViewConfigurator else {
+            return
+        }
+        DispatchQueue.main.async {
+            var shoppingCartIconConfiguration = rProductInfoViewConfigurator.1.shoppingCartIconConfiguration
+            shoppingCartIconConfiguration.indicator.isHidden = itemCounts == 0
+            rProductInfoViewConfigurator.1.shoppingCartIconConfiguration = shoppingCartIconConfiguration
+        }
+    }
+    
     @objc
     func updateVideoProduct(_ product: [String: Any]?, cbId: NSNumber) {
         let product = RCTConvert.buildProduct(product)
-        guard let product = product, let productHydrating = productHydrating, productHydrating.0 == Int(truncating: cbId) else {
+        guard let rProduct = product, let productHydrating = productHydrating, productHydrating.0 == Int(truncating: cbId) else {
             return
         }
         
         DispatchQueue.main.async {
-            productHydrating.1.hydrateProduct(product.productId, { build in
-                return ShoppingModule.hydrateProduct(product, build)
+            productHydrating.1.hydrateProduct(rProduct.productId, { build in
+                return ShoppingModule.hydrateProduct(rProduct, build)
             })
         }
     }
@@ -58,12 +79,16 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
     @objc
     func updateProductViewConfig(_ config: [String: Any]?, cbId: NSNumber) {
         let config = RCTConvert.buildProductInfoViewConfiguration(config)
-        guard let config = config, let productInfoViewConfigurator = productInfoViewConfigurator, productInfoViewConfigurator.0 == Int(truncating: cbId) else {
+        guard let rConfig = config, let rProductInfoViewConfigurator = productInfoViewConfigurator, rProductInfoViewConfigurator.0 == Int(truncating: cbId) else {
             return
         }
         
         DispatchQueue.main.async {
-            ShoppingModule.hydrateProductViewConfig(config, productInfoViewConfigurator.1)
+            //The configuration of CartIcon'visible determined by global cartIconVisible
+            rProductInfoViewConfigurator.1.shoppingCartIconConfiguration.isHidden = !self.cartIconVisible
+            //The configuration of CartIcon'indicator'visible determined by global itemCounts
+            rProductInfoViewConfigurator.1.shoppingCartIconConfiguration.indicator.isHidden = self.itemCounts == 0
+            ShoppingModule.hydrateProductViewConfig(rConfig, rProductInfoViewConfigurator.1)
         }
     }
     
@@ -74,6 +99,7 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
         }
         
         DispatchQueue.main.async {
+//            config.indicator.isHidden = itemCounts == 0
             if res == "success" {
                 handler.1(.feedbackOnly(.success(message: tips ?? "success")))
             } else {

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

@@ -42,6 +42,20 @@ class VideoShopping {
    *
    * The host app can return a ProductInfoViewConfiguration object to configure "Add to cart" button style and cart icon style.
    */
+
+  /**
+   * Defaults to true. You can hide the cart icon by setting this property to false. 
+   */
+  get cartIconVisible() {
+    return this._cartIconVisible;
+  }
+
+  set cartIconVisible(value) {
+    this._cartIconVisible = value;
+
+    _ShoppingModule.default.setCartIconVisible(value);
+  }
+
   static getInstance() {
     if (!VideoShopping._instance) {
       VideoShopping._instance = new VideoShopping();
@@ -51,6 +65,8 @@ class VideoShopping {
   }
 
   constructor() {
+    _defineProperty(this, "_cartIconVisible", true);
+
     _defineProperty(this, "onAddToCart", void 0);
 
     _defineProperty(this, "onClickCartIcon", void 0);
@@ -87,6 +103,15 @@ class VideoShopping {
   exitCartPage() {
     _ShoppingModule.default.exitCartPage();
   }
+  /**
+   * 
+   * @param {number} count The number of items in the host app cart
+   */
+
+
+  setCartItemCount(count) {
+    _ShoppingModule.default.setCartItemCount(count);
+  }
 
   async handleAddToCartEvent(event) {
     if (this.onAddToCart) {

package/lib/commonjs/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","getInstance","_instance","constructor","eventEmitter","NativeEventEmitter","ShoppingModule","addListener","FWEventName","AddToCart","event","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","handleUpdateProductDetailsEvent","WillDisplayProduct","handleWillDisplayProductEvent","exitCartPage","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\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  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  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"]}