react-native-firework-sdk 2.8.6 → 2.9.0

package/android/src/main/java/com/fireworksdk/bridge/reactnative/utils/FWEventUtils.kt

@@ -164,10 +164,15 @@ object FWEventUtils {
     receiveEvent(reactContext, targetTag, FWFeedViewEventName.VideoFeedLoadFinished.rawValue, null)
   }
 
-  fun receiveVideoFeedLoadFinishedFailedEvent(reactContext: ReactContext, targetTag: Int, name: String, reason: String?) {
+  fun receiveVideoFeedEmptyEvent(reactContext: ReactContext, targetTag: Int) {
+    receiveEvent(reactContext, targetTag, FWFeedViewEventName.VideoFeedEmpty.rawValue, null)
+  }
+
+  fun receiveVideoFeedLoadFinishedFailedEvent(reactContext: ReactContext, targetTag: Int, name: String?, reason: String?, action: String) {
     val eventMap = Arguments.createMap()
-    eventMap.putString("name", name)
-    eventMap.putString("reason", reason)
+    eventMap.putString("name", name ?: "VideoFeedLoadFailed")
+    eventMap.putString("reason", reason ?: "VideoFeedLoadFailed")
+    eventMap.putString("action", action)
     receiveEvent(reactContext, targetTag, FWFeedViewEventName.VideoFeedLoadFinished.rawValue, eventMap)
   }
 
@@ -175,10 +180,14 @@ object FWEventUtils {
     receiveEvent(reactContext, targetTag, FWStoryBlockEventName.StoryBlockLoadFinished.rawValue, null)
   }
 
-  fun receiveStoryBlockLoadFinishedFailedEvent(reactContext: ReactContext, targetTag: Int, name: String, reason: String?) {
+  fun receiveStoryBlockEmptyEvent(reactContext: ReactContext, targetTag: Int) {
+    receiveEvent(reactContext, targetTag, FWStoryBlockEventName.StoryBlockEmpty.rawValue, null)
+  }
+
+  fun receiveStoryBlockLoadFinishedFailedEvent(reactContext: ReactContext, targetTag: Int, name: String?, reason: String?) {
     val eventMap = Arguments.createMap()
-    eventMap.putString("name", name)
-    eventMap.putString("reason", reason)
+    eventMap.putString("name", name ?: "StoryBlockLoadFailed")
+    eventMap.putString("reason", reason ?: "StoryBlockLoadFailed")
     receiveEvent(reactContext, targetTag, FWStoryBlockEventName.StoryBlockLoadFinished.rawValue, eventMap)
   }
 
@@ -247,6 +256,15 @@ object FWEventUtils {
     sendEvent(reactContext, FWEventName.LiveStreamChat.rawValue, eventMap)
   }
 
+  fun sendProductCardClickEvent(reactContext: ReactContext, url: String?, productId: String?, unitId: String?, callbackId: Int?) {
+    val eventMap = Arguments.createMap()
+    eventMap.putString("url", url ?: "")
+    eventMap.putString("productId", productId)
+    eventMap.putString("unitId", unitId)
+    eventMap.putInt("callbackId", callbackId?:0)
+    sendEvent(reactContext, FWVideoShoppingEventName.CustomProductCardTap.rawValue, eventMap)
+  }
+
   fun sendCustomLinkButtonClickEvent(reactContext: ReactContext, url: String?, productId: String?, unitId: String?, callbackId: Int?) {
     val eventMap = Arguments.createMap()
     eventMap.putString("url", url ?: "")

package/android/src/main/java/com/fireworksdk/bridge/utils/FWConfigUtil.kt

@@ -1,5 +1,6 @@
 package com.fireworksdk.bridge.utils
 
+import android.annotation.SuppressLint
 import android.content.Context
 import android.graphics.Typeface
 import android.graphics.drawable.GradientDrawable
@@ -12,6 +13,12 @@ import com.firework.common.cta.CtaDelayUnit
 import com.firework.common.feed.FeedLayout
 import com.firework.common.feed.FeedResource
 import com.firework.common.feed.FeedTitlePosition
+import com.firework.common.player.CloseButtonOption
+import com.firework.common.player.MuteButtonOption
+import com.firework.common.player.PlaybackButtonOption
+import com.firework.common.player.PlayerUiOption
+import com.firework.common.player.VideoDetailsOption
+import com.firework.common.widget.WidgetImage
 import com.firework.viewoptions.*
 import com.fireworksdk.bridge.FWInitializationProvider
 import com.fireworksdk.bridge.models.*
@@ -35,6 +42,11 @@ object FWConfigUtil {
     val layoutOptionBuilder = getDefaultLayoutOptionBuilder()
     val titleOptionBuilder = getDefaultTitleOptionBuilder()
     val playerOptionBuilder = getDefaultPlayerOptionBuilder()
+    val playerUiOptionBuilder = getDefaultPlayerUiOptionBuilder()
+    val videoDetailsOptionBuilder = getDefaultVideoDetailsOptionBuilder()
+    val closeButtonOptionBuilder = getDefaultCloseButtonOptionBuilder()
+    val muteButtonOptionBuilder = getDefaultMuteButtonOptionBuilder()
+    val playbackButtonOptionBuilder = getDefaultPlaybackButtonOptionBuilder()
     val baseOptionBuilder = getDefaultBaseOptionBuilder()
     val adBadgeOptionBuilder = getDefaultAdBadgeOptionBuilder()
     val ctaOptionBuilder = getDefaultCtaOptionBuilder()
@@ -355,6 +367,33 @@ object FWConfigUtil {
       playerOptionBuilder.showFireworkLogo(it)
     }
 
+    val showVideoDetailTitle = videoFeedPropsModel.videoPlayerConfiguration?.showVideoDetailTitle
+    showVideoDetailTitle?.let {
+      videoDetailsOptionBuilder.showCaption(showVideoDetailTitle)
+    }
+
+    val buttonConfiguration = videoFeedPropsModel.videoPlayerConfiguration?.buttonConfiguration
+    videoDetailsOptionBuilder.buttonIcon(getWidgetImage(context, buttonConfiguration?.videoDetailButton))
+    closeButtonOptionBuilder.icon(getWidgetImage(context, buttonConfiguration?.closeButton))
+    muteButtonOptionBuilder.muteIcon(getWidgetImage(context, buttonConfiguration?.muteButton))
+      .unmuteIcon(getWidgetImage(context, buttonConfiguration?.unmuteButton))
+    playbackButtonOptionBuilder.playIcon(getWidgetImage(context, buttonConfiguration?.playButton))
+      .pauseIcon(getWidgetImage(context, buttonConfiguration?.pauseButton))
+
+    playerUiOptionBuilder.videoDetailsOption(videoDetailsOptionBuilder.build())
+      .closeButtonOption(closeButtonOptionBuilder.build())
+      .muteButtonOption(muteButtonOptionBuilder.build())
+      .playbackButtonOption(playbackButtonOptionBuilder.build())
+    playerOptionBuilder.playerUiOption(playerUiOptionBuilder.build())
+
+    val adConfiguration = videoFeedPropsModel.adConfiguration
+    if (adConfiguration != null) {
+      adOptionBuilder.vastAttributes(listVastAttributes2Map(adConfiguration.vastAttributes))
+      if (adConfiguration.adsFetchTimeout != null) {
+        adOptionBuilder.adsFetchTimeoutInSeconds(adConfiguration.adsFetchTimeout)
+      }
+    }
+
     return ViewOptions.Builder()
       .layoutOption(layoutOptionBuilder.build())
       .titleOption(titleOptionBuilder.build())
@@ -369,6 +408,7 @@ object FWConfigUtil {
     val context = FWInitializationProvider.INSTANCE.resumedActivity ?: return LayoutOption.Builder()
     return LayoutOption.Builder()
       .playIconWidth(FWCommonUtil.dpToPx("36".toFloat(), context))
+      .itemSpacing(FWCommonUtil.dpToPx(4.0f, context))
   }
 
   private fun getDefaultTitleOptionBuilder(): TitleOption.Builder {
@@ -380,6 +420,26 @@ object FWConfigUtil {
       .enablePipMode(false)
   }
 
+  private fun getDefaultPlayerUiOptionBuilder(): PlayerUiOption.Builder {
+    return PlayerUiOption.Builder()
+  }
+
+  private fun getDefaultVideoDetailsOptionBuilder(): VideoDetailsOption.Builder {
+    return VideoDetailsOption.Builder()
+  }
+
+  private fun getDefaultCloseButtonOptionBuilder(): CloseButtonOption.Builder {
+    return CloseButtonOption.Builder()
+  }
+
+  private fun getDefaultMuteButtonOptionBuilder(): MuteButtonOption.Builder {
+    return MuteButtonOption.Builder()
+  }
+
+  private fun getDefaultPlaybackButtonOptionBuilder(): PlaybackButtonOption.Builder {
+    return PlaybackButtonOption.Builder()
+  }
+
   private fun getDefaultBaseOptionBuilder(): BaseOption.Builder {
     return BaseOption.Builder()
   }
@@ -423,4 +483,39 @@ object FWConfigUtil {
     return typeface
   }
 
+  private fun listVastAttributes2Map(list: List<FWAdConfigurationModel.FWVastAttributeModel>?): Map<String, String>? {
+    list ?: return null
+    val map = mutableMapOf<String, String>()
+    for (item in list) {
+      if (!item.name.isNullOrBlank() && !item.value.isNullOrBlank()) {
+        map[item.name] = item.value
+      }
+    }
+
+    return map
+  }
+
+  private fun getWidgetImage(context: Context, buttonInfo: FWButtonInfoModel?): WidgetImage? {
+    if (buttonInfo == null) {
+      return null
+    }
+    val drawableRes = getDrawableByImageName(context, buttonInfo.imageName) ?: return null
+    return WidgetImage(
+      drawableRes = drawableRes,
+      tintColor = if (buttonInfo.tintColor.isNullOrBlank()) null else FWColorUtil.parseColor(buttonInfo.tintColor)
+    )
+  }
+
+  @SuppressLint("DiscouragedApi")
+  private fun getDrawableByImageName(context: Context, imageName: String?): Int? {
+    if (imageName.isNullOrBlank()) {
+      return null
+    }
+    return try {
+      context.resources.getIdentifier(imageName, "drawable", context.packageName)
+    } catch (e: Exception) {
+      null
+    }
+  }
+
 }

package/android/src/main/res/layout/fw_bridge_story_block.xml

@@ -14,4 +14,10 @@
       android:layout_height="match_parent" />
 
   </FrameLayout>
+
+  <include
+    android:id="@+id/fw_loading_wrapper"
+    layout="@layout/fw_loading"
+    />
+
 </FrameLayout>

package/android/src/main/res/layout/fw_loading.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/loader_container"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <com.firework.uikit.widget.FwProgressBar
+        android:id="@+id/loader"
+        android:layout_width="@dimen/fw__progress_size"
+        android:layout_height="@dimen/fw__progress_size"
+        android:layout_gravity="center"
+        android:visibility="visible" />
+
+</FrameLayout>

package/ios/Components/VideoFeed.swift

@@ -543,7 +543,7 @@ extension VideoFeedLayout {
         if type(of: self) != type(of: other) {
             return false
         }
-        
+
         if self.ignoresSafeAreaLayoutGuide == other.ignoresSafeAreaLayoutGuide,
            self.itemSpacing == other.itemSpacing,
            self.contentInsets == other.contentInsets {

package/ios/FireworkVideoUI/Podfile.lock

@@ -13,4 +13,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: b8d50fd1ccf28eaa3033fe13c43ca09199e1e245
 
-COCOAPODS: 1.14.2
+COCOAPODS: 1.12.1

package/ios/Modules/FWNavigatorModule/RNSScreenStackView+Window.h

@@ -0,0 +1,20 @@
+//
+//  RNSScreenStackView+Window.h
+//  react-native-firework-sdk
+//
+//  Created by Haitao Shangguan on 2023/10/26.
+//
+
+#if __has_include(<RNScreens/RNSScreenStack.h>)
+
+#import <RNScreens/RNSScreenStack.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RNSScreenStackView (Window)
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif

package/ios/Modules/FWNavigatorModule/RNSScreenStackView+Window.m

@@ -0,0 +1,84 @@
+//
+//  RNSScreenStackView+Window.m
+//  react-native-firework-sdk
+//
+//  Created by Haitao Shangguan on 2023/10/26.
+//
+
+#if __has_include(<RNScreens/RNSScreenStack.h>)
+
+#import "RNSScreenStackView+Window.h"
+#import <objc/runtime.h>
+
+@implementation RNSScreenStackView (Window)
+
+#pragma clang diagnostic push
+#pragma clang diagnostic ignored "-Wundeclared-selector"
+
+static bool fw_setPushViewControllers = false;
+
+__attribute__((constructor)) static void fw_screen_stack_view_inject_entry(void) {
+    [RNSScreenStackView swizzleScreenStackView];
+}
+
++ (void)swizzleSelector:(Class)originalClass
+      originalSelector:(SEL)originalSelector
+         swizzledClass:(Class)swizzledClass
+        swizzledSelector:(SEL)swizzledSelector {
+    Method originalMethod = class_getInstanceMethod(originalClass, originalSelector);
+    Method swizzledMethod = class_getInstanceMethod(swizzledClass, swizzledSelector);
+
+    BOOL didAddMethod = class_addMethod(originalClass,
+                                        originalSelector,
+                                        method_getImplementation(swizzledMethod),
+                                        method_getTypeEncoding(swizzledMethod));
+        
+    if (didAddMethod) {
+        class_replaceMethod(originalClass,
+                            swizzledSelector,
+                            method_getImplementation(originalMethod),
+                            method_getTypeEncoding(originalMethod));
+    } else {
+        method_exchangeImplementations(originalMethod, swizzledMethod);
+    }
+}
+
++ (void)swizzleScreenStackView {
+    SEL originalSelector1 = @selector(setPushViewControllers:);
+    SEL swizzledSelector1 = @selector(fw_setPushViewControllers:);
+    
+    [self swizzleSelector:[self class]
+         originalSelector:originalSelector1
+            swizzledClass:[self class]
+         swizzledSelector:swizzledSelector1];
+    
+    SEL originalSelector2 = @selector(window);
+    SEL swizzledSelector2 = @selector(fw_window);
+    
+    [self swizzleSelector:[self class]
+         originalSelector:originalSelector2
+            swizzledClass:[self class]
+         swizzledSelector:swizzledSelector2];
+}
+
+- (void)fw_setPushViewControllers:(NSArray *)viewControllers {
+    fw_setPushViewControllers = true;
+    [self fw_setPushViewControllers:viewControllers];
+    fw_setPushViewControllers = false;
+}
+
+- (UIWindow *)fw_window {
+    UIWindow *window = [self fw_window];
+    if (fw_setPushViewControllers) {
+        if (window == nil) {
+            return [[UIWindow alloc] init];
+        }
+    }
+    return window;
+}
+
+#pragma clang diagnostic pop
+
+@end
+
+#endif

package/lib/commonjs/VideoShopping.js

@@ -64,7 +64,6 @@ class VideoShopping {
 
   /**
    * This callback is triggered when the user clicks product card.
-   * Only supported on iOS.
    *
    * The host app can customize the tap event processing logic of
    * the product card by setting the callback.
@@ -76,9 +75,7 @@ class VideoShopping {
   set onCustomTapProductCard(value) {
     this._onCustomTapProductCard = value;
 
-    if (_reactNative.Platform.OS === 'ios') {
-      _ShoppingModule.default.setCustomTapProductCardEnabled(!!value);
-    }
+    _ShoppingModule.default.setCustomTapProductCardEnabled(!!value);
   }
 
   /**

package/lib/commonjs/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","onCustomClickLinkButton","_onCustomClickLinkButton","value","ShoppingModule","setCustomClickLinkButtonEnabled","onCustomTapProductCard","_onCustomTapProductCard","Platform","OS","setCustomTapProductCardEnabled","cartIconVisible","_cartIconVisible","FWGlobalState","getInstance","sdkInitCalled","setCartIconVisible","sdkInitCalledPromise","then","productInfoViewConfiguration","_productInfoViewConfiguration","valueHasChanged","updateNativeProductInfoViewConfiguration","setProductInfoViewConfiguration","eventEmitter","emit","FWEventName","ProductInfoViewConfigurationUpdated","FWLoggerUtil","log","ShoppingModuleEventEmitter","_instance","constructor","addListener","ShoppingCTAButtonClick","event","productId","unitId","url","handleShoppingCTAEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","LogMessage","CustomLinkButtonClick","handleCustomLinkButtonClickEvent","CustomProductCardTap","video","videoId","callbackId","playerHandler","pause","pausePlayer","resume","resumePlayer","handleCustomProductCardTapEvent","setCartItemCount","count","onShoppingCTA","result","updateShoppingCTAResult","clearCallbackId","onCustomClickCartIcon","onUpdateProductDetails","productList","map","product","length","updateVideoProducts"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport { FWEventName } from './models/FWEventName';\nimport type {\n  CustomClickLinkButtonEvent,\n  CustomTapProductCardEvent,\n  ShoppingCTAEvent,\n  UpdateProductDetailsEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\nimport type ShoppingCTAResult from './models/ShoppingCTAResult';\nimport FWGlobalState from './utils/FWGlobalState';\n\nexport type ShoppingCTACallback = (\n  event: ShoppingCTAEvent\n) => Promise<ShoppingCTAResult> | ShoppingCTAResult;\n\nexport type CustomClickCartIconCallback = () => Promise<void> | void;\n\nexport type UpdateProductDetailsCallbackResult = Product[] | undefined | null;\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) =>\n  | Promise<UpdateProductDetailsCallbackResult>\n  | UpdateProductDetailsCallbackResult;\n\nexport type CustomClickLinkButtonCallback = (\n  event: CustomClickLinkButtonEvent\n) => Promise<void> | void;\n\nexport type CustomTapProductCardCallback = (\n  event: CustomTapProductCardEvent\n) => Promise<void> | void;\n\n/**\n * The 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\" or \"Shop now\" button.\n   * The host app can return a ShoppingCTAResult object to tell SDK how to handle the result.\n   */\n  public onShoppingCTA?: ShoppingCTACallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can customize the click event processing logic of\n   * the shopping cart icon by setting the callback.\n   */\n  public onCustomClickCartIcon?: CustomClickCartIconCallback | undefined;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product list to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the user clicks\n   * the link button next to Add to cart button.\n   *\n   * The host app can customize the click event processing logic of\n   * the link button by setting the callback.\n   */\n  public get onCustomClickLinkButton():\n    | CustomClickLinkButtonCallback\n    | undefined {\n    return this._onCustomClickLinkButton;\n  }\n  public set onCustomClickLinkButton(\n    value: CustomClickLinkButtonCallback | undefined\n  ) {\n    this._onCustomClickLinkButton = value;\n    ShoppingModule.setCustomClickLinkButtonEnabled(!!value);\n  }\n  private _onCustomClickLinkButton?: CustomClickLinkButtonCallback | undefined;\n\n  /**\n   * This callback is triggered when the user clicks product card.\n   * Only supported on iOS.\n   *\n   * The host app can customize the tap event processing logic of\n   * the product card by setting the callback.\n   */\n  public get onCustomTapProductCard():\n    | CustomTapProductCardCallback\n    | undefined {\n    return this._onCustomTapProductCard;\n  }\n  public set onCustomTapProductCard(\n    value: CustomTapProductCardCallback | undefined\n  ) {\n    this._onCustomTapProductCard = value;\n    if (Platform.OS === 'ios') {\n      ShoppingModule.setCustomTapProductCardEnabled(!!value);\n    }\n  }\n  private _onCustomTapProductCard?: CustomTapProductCardCallback | undefined;\n\n  /**\n   * Defaults to true.\n   * 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    if (FWGlobalState.getInstance().sdkInitCalled) {\n      ShoppingModule.setCartIconVisible(value);\n    } else {\n      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n        ShoppingModule.setCartIconVisible(value);\n      });\n    }\n  }\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * The configuration of product info view.\n   * Please refer to {@link ProductInfoViewConfiguration} for more details.\n   */\n  public get productInfoViewConfiguration():\n    | ProductInfoViewConfiguration\n    | undefined {\n    return this._productInfoViewConfiguration;\n  }\n\n  public set productInfoViewConfiguration(\n    value: ProductInfoViewConfiguration | undefined\n  ) {\n    const valueHasChanged = this._productInfoViewConfiguration !== value;\n    this._productInfoViewConfiguration = value;\n    if (FWGlobalState.getInstance().sdkInitCalled) {\n      this.updateNativeProductInfoViewConfiguration(value, valueHasChanged);\n    } else {\n      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n        this.updateNativeProductInfoViewConfiguration(value, valueHasChanged);\n      });\n    }\n  }\n\n  private updateNativeProductInfoViewConfiguration(\n    value: ProductInfoViewConfiguration | undefined,\n    valueHasChanged: Boolean\n  ) {\n    ShoppingModule.setProductInfoViewConfiguration(value ?? {}).then(() => {\n      if (valueHasChanged) {\n        this.eventEmitter.emit(FWEventName.ProductInfoViewConfigurationUpdated);\n        FWLoggerUtil.log('eventEmitter ProductInfoViewConfigurationUpdated');\n      }\n    });\n  }\n\n  private _productInfoViewConfiguration?:\n    | ProductInfoViewConfiguration\n    | undefined;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return ShoppingModuleEventEmitter;\n  }\n\n  public static getInstance() {\n    FWLoggerUtil.log('VideoShopping constructor');\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter.addListener(\n      FWEventName.ShoppingCTAButtonClick,\n      (event) => {\n        FWLoggerUtil.log(\n          `Receive ShoppingCTA event productId: ${event?.productId} unitId: ${event?.unitId} url: ${event?.url}`\n        );\n        this.handleShoppingCTAEvent(event);\n      }\n    );\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, () => {\n      FWLoggerUtil.log('Receive ClickCartIcon event');\n      this.handleClickCartIconEvent();\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      FWLoggerUtil.log(\n        `Receive UpdateProductDetails event productIds: ${event?.productIds}`\n      );\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.LogMessage, () => {});\n\n    this.eventEmitter.addListener(\n      FWEventName.CustomLinkButtonClick,\n      (event) => {\n        FWLoggerUtil.log(\n          `Receive CustomLinkButtonClick event url: ${event?.url}`\n        );\n        this.handleCustomLinkButtonClickEvent(event);\n      }\n    );\n\n    this.eventEmitter.addListener(FWEventName.CustomProductCardTap, (event) => {\n      FWLoggerUtil.log(`Receive CustomProductCardTap event url: ${event?.url}`);\n      if (event) {\n        if (!event.video) {\n          event.video = { videoId: '' };\n        }\n\n        if (event.callbackId) {\n          const callbackId = event.callbackId;\n          delete event.callbackId;\n          if (Platform.OS === 'ios') {\n            event.playerHandler = {\n              pause: () => ShoppingModule.pausePlayer(callbackId),\n              resume: () => ShoppingModule.resumePlayer(callbackId),\n            };\n          }\n        }\n      }\n\n      this.handleCustomProductCardTapEvent(event ?? {});\n    });\n  }\n\n  /**\n   *\n   * @param {number} count The number of items in the host app cart.\n   * The count should be greater than or equal to 0.\n   * We just use count to show or hide red indicator on the cart icon.\n   * If cound > 0, we will show the red indicator on the cart icon.\n   * Otherwise, we will hide the red indicator on the cart icon.\n   */\n  public async setCartItemCount(count: number): Promise<void> {\n    if (!FWGlobalState.getInstance().sdkInitCalled) {\n      await FWGlobalState.getInstance().sdkInitCalledPromise;\n    }\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleShoppingCTAEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n\n    if (this.onShoppingCTA) {\n      const result = await this.onShoppingCTA(event as ShoppingCTAEvent);\n      if (callbackId) {\n        ShoppingModule.updateShoppingCTAResult(result, callbackId);\n      }\n    } else {\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.clearCallbackId(\n            callbackId,\n            FWEventName.ShoppingCTAButtonClick\n          );\n        }\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent() {\n    if (this.onCustomClickCartIcon) {\n      this.onCustomClickCartIcon();\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n    if (this.onUpdateProductDetails) {\n      FWLoggerUtil.log(\n        `Call onUpdateProductDetails callback productIds: ${event.productIds} callbackId: ${callbackId}`\n      );\n      const productList = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n\n      const productIds = (productList || []).map(\n        (product) => product.productId ?? ''\n      );\n\n      FWLoggerUtil.log(\n        `Get result from onUpdateProductDetails callback productIds: ${productIds} productListLength: ${\n          (productList || []).length\n        }`\n      );\n\n      if (productList) {\n        if (callbackId) {\n          ShoppingModule.updateVideoProducts(productList, callbackId);\n        }\n      } else {\n        if (callbackId) {\n          if (Platform.OS === 'ios') {\n            ShoppingModule.clearCallbackId(\n              callbackId,\n              FWEventName.UpdateProductDetails\n            );\n          }\n        }\n      }\n    } else {\n      FWLoggerUtil.log('onUpdateProductDetails callback is not set.');\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.clearCallbackId(\n            callbackId,\n            FWEventName.UpdateProductDetails\n          );\n        }\n      }\n    }\n  }\n\n  private async handleCustomLinkButtonClickEvent(\n    event: CustomClickLinkButtonEvent\n  ) {\n    if (this.onCustomClickLinkButton) {\n      this.onCustomClickLinkButton(event);\n    }\n  }\n\n  private async handleCustomProductCardTapEvent(\n    event: CustomTapProductCardEvent\n  ) {\n    if (this.onCustomTapProductCard) {\n      this.onCustomTapProductCard(event);\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","onCustomClickLinkButton","_onCustomClickLinkButton","value","ShoppingModule","setCustomClickLinkButtonEnabled","onCustomTapProductCard","_onCustomTapProductCard","setCustomTapProductCardEnabled","cartIconVisible","_cartIconVisible","FWGlobalState","getInstance","sdkInitCalled","setCartIconVisible","sdkInitCalledPromise","then","productInfoViewConfiguration","_productInfoViewConfiguration","valueHasChanged","updateNativeProductInfoViewConfiguration","setProductInfoViewConfiguration","eventEmitter","emit","FWEventName","ProductInfoViewConfigurationUpdated","FWLoggerUtil","log","ShoppingModuleEventEmitter","_instance","constructor","addListener","ShoppingCTAButtonClick","event","productId","unitId","url","handleShoppingCTAEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","LogMessage","CustomLinkButtonClick","handleCustomLinkButtonClickEvent","CustomProductCardTap","video","videoId","callbackId","Platform","OS","playerHandler","pause","pausePlayer","resume","resumePlayer","handleCustomProductCardTapEvent","setCartItemCount","count","onShoppingCTA","result","updateShoppingCTAResult","clearCallbackId","onCustomClickCartIcon","onUpdateProductDetails","productList","map","product","length","updateVideoProducts"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport { FWEventName } from './models/FWEventName';\nimport type {\n  CustomClickLinkButtonEvent,\n  CustomTapProductCardEvent,\n  ShoppingCTAEvent,\n  UpdateProductDetailsEvent,\n} from './models/FWEvents';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\nimport type ShoppingCTAResult from './models/ShoppingCTAResult';\nimport FWGlobalState from './utils/FWGlobalState';\n\nexport type ShoppingCTACallback = (\n  event: ShoppingCTAEvent\n) => Promise<ShoppingCTAResult> | ShoppingCTAResult;\n\nexport type CustomClickCartIconCallback = () => Promise<void> | void;\n\nexport type UpdateProductDetailsCallbackResult = Product[] | undefined | null;\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) =>\n  | Promise<UpdateProductDetailsCallbackResult>\n  | UpdateProductDetailsCallbackResult;\n\nexport type CustomClickLinkButtonCallback = (\n  event: CustomClickLinkButtonEvent\n) => Promise<void> | void;\n\nexport type CustomTapProductCardCallback = (\n  event: CustomTapProductCardEvent\n) => Promise<void> | void;\n\n/**\n * The 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\" or \"Shop now\" button.\n   * The host app can return a ShoppingCTAResult object to tell SDK how to handle the result.\n   */\n  public onShoppingCTA?: ShoppingCTACallback;\n\n  /**\n   * This callback is triggered when the user clicks the shopping cart icon.\n   *\n   * The host app can customize the click event processing logic of\n   * the shopping cart icon by setting the callback.\n   */\n  public onCustomClickCartIcon?: CustomClickCartIconCallback | undefined;\n\n  /**\n   * This callback is triggered when the video will be shown.\n   *\n   * The host app can return a Product list to update the latest product information.\n   */\n  public onUpdateProductDetails?: UpdateProductDetailsCallback;\n\n  /**\n   * This callback is triggered when the user clicks\n   * the link button next to Add to cart button.\n   *\n   * The host app can customize the click event processing logic of\n   * the link button by setting the callback.\n   */\n  public get onCustomClickLinkButton():\n    | CustomClickLinkButtonCallback\n    | undefined {\n    return this._onCustomClickLinkButton;\n  }\n  public set onCustomClickLinkButton(\n    value: CustomClickLinkButtonCallback | undefined\n  ) {\n    this._onCustomClickLinkButton = value;\n    ShoppingModule.setCustomClickLinkButtonEnabled(!!value);\n  }\n  private _onCustomClickLinkButton?: CustomClickLinkButtonCallback | undefined;\n\n  /**\n   * This callback is triggered when the user clicks product card.\n   *\n   * The host app can customize the tap event processing logic of\n   * the product card by setting the callback.\n   */\n  public get onCustomTapProductCard():\n    | CustomTapProductCardCallback\n    | undefined {\n    return this._onCustomTapProductCard;\n  }\n  public set onCustomTapProductCard(\n    value: CustomTapProductCardCallback | undefined\n  ) {\n    this._onCustomTapProductCard = value;\n    ShoppingModule.setCustomTapProductCardEnabled(!!value);\n  }\n  private _onCustomTapProductCard?: CustomTapProductCardCallback | undefined;\n\n  /**\n   * Defaults to true.\n   * 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    if (FWGlobalState.getInstance().sdkInitCalled) {\n      ShoppingModule.setCartIconVisible(value);\n    } else {\n      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n        ShoppingModule.setCartIconVisible(value);\n      });\n    }\n  }\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * The configuration of product info view.\n   * Please refer to {@link ProductInfoViewConfiguration} for more details.\n   */\n  public get productInfoViewConfiguration():\n    | ProductInfoViewConfiguration\n    | undefined {\n    return this._productInfoViewConfiguration;\n  }\n\n  public set productInfoViewConfiguration(\n    value: ProductInfoViewConfiguration | undefined\n  ) {\n    const valueHasChanged = this._productInfoViewConfiguration !== value;\n    this._productInfoViewConfiguration = value;\n    if (FWGlobalState.getInstance().sdkInitCalled) {\n      this.updateNativeProductInfoViewConfiguration(value, valueHasChanged);\n    } else {\n      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n        this.updateNativeProductInfoViewConfiguration(value, valueHasChanged);\n      });\n    }\n  }\n\n  private updateNativeProductInfoViewConfiguration(\n    value: ProductInfoViewConfiguration | undefined,\n    valueHasChanged: Boolean\n  ) {\n    ShoppingModule.setProductInfoViewConfiguration(value ?? {}).then(() => {\n      if (valueHasChanged) {\n        this.eventEmitter.emit(FWEventName.ProductInfoViewConfigurationUpdated);\n        FWLoggerUtil.log('eventEmitter ProductInfoViewConfigurationUpdated');\n      }\n    });\n  }\n\n  private _productInfoViewConfiguration?:\n    | ProductInfoViewConfiguration\n    | undefined;\n\n  private get eventEmitter(): NativeEventEmitter {\n    return ShoppingModuleEventEmitter;\n  }\n\n  public static getInstance() {\n    FWLoggerUtil.log('VideoShopping constructor');\n    if (!VideoShopping._instance) {\n      VideoShopping._instance = new VideoShopping();\n    }\n\n    return VideoShopping._instance!;\n  }\n\n  private constructor() {\n    this.eventEmitter.addListener(\n      FWEventName.ShoppingCTAButtonClick,\n      (event) => {\n        FWLoggerUtil.log(\n          `Receive ShoppingCTA event productId: ${event?.productId} unitId: ${event?.unitId} url: ${event?.url}`\n        );\n        this.handleShoppingCTAEvent(event);\n      }\n    );\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, () => {\n      FWLoggerUtil.log('Receive ClickCartIcon event');\n      this.handleClickCartIconEvent();\n    });\n\n    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, (event) => {\n      FWLoggerUtil.log(\n        `Receive UpdateProductDetails event productIds: ${event?.productIds}`\n      );\n      this.handleUpdateProductDetailsEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.LogMessage, () => {});\n\n    this.eventEmitter.addListener(\n      FWEventName.CustomLinkButtonClick,\n      (event) => {\n        FWLoggerUtil.log(\n          `Receive CustomLinkButtonClick event url: ${event?.url}`\n        );\n        this.handleCustomLinkButtonClickEvent(event);\n      }\n    );\n\n    this.eventEmitter.addListener(FWEventName.CustomProductCardTap, (event) => {\n      FWLoggerUtil.log(`Receive CustomProductCardTap event url: ${event?.url}`);\n      if (event) {\n        if (!event.video) {\n          event.video = { videoId: '' };\n        }\n\n        if (event.callbackId) {\n          const callbackId = event.callbackId;\n          delete event.callbackId;\n          if (Platform.OS === 'ios') {\n            event.playerHandler = {\n              pause: () => ShoppingModule.pausePlayer(callbackId),\n              resume: () => ShoppingModule.resumePlayer(callbackId),\n            };\n          }\n        }\n      }\n\n      this.handleCustomProductCardTapEvent(event ?? {});\n    });\n  }\n\n  /**\n   *\n   * @param {number} count The number of items in the host app cart.\n   * The count should be greater than or equal to 0.\n   * We just use count to show or hide red indicator on the cart icon.\n   * If cound > 0, we will show the red indicator on the cart icon.\n   * Otherwise, we will hide the red indicator on the cart icon.\n   */\n  public async setCartItemCount(count: number): Promise<void> {\n    if (!FWGlobalState.getInstance().sdkInitCalled) {\n      await FWGlobalState.getInstance().sdkInitCalledPromise;\n    }\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleShoppingCTAEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n\n    if (this.onShoppingCTA) {\n      const result = await this.onShoppingCTA(event as ShoppingCTAEvent);\n      if (callbackId) {\n        ShoppingModule.updateShoppingCTAResult(result, callbackId);\n      }\n    } else {\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.clearCallbackId(\n            callbackId,\n            FWEventName.ShoppingCTAButtonClick\n          );\n        }\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent() {\n    if (this.onCustomClickCartIcon) {\n      this.onCustomClickCartIcon();\n    }\n  }\n\n  private async handleUpdateProductDetailsEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n    if (this.onUpdateProductDetails) {\n      FWLoggerUtil.log(\n        `Call onUpdateProductDetails callback productIds: ${event.productIds} callbackId: ${callbackId}`\n      );\n      const productList = await this.onUpdateProductDetails(\n        event as UpdateProductDetailsEvent\n      );\n\n      const productIds = (productList || []).map(\n        (product) => product.productId ?? ''\n      );\n\n      FWLoggerUtil.log(\n        `Get result from onUpdateProductDetails callback productIds: ${productIds} productListLength: ${\n          (productList || []).length\n        }`\n      );\n\n      if (productList) {\n        if (callbackId) {\n          ShoppingModule.updateVideoProducts(productList, callbackId);\n        }\n      } else {\n        if (callbackId) {\n          if (Platform.OS === 'ios') {\n            ShoppingModule.clearCallbackId(\n              callbackId,\n              FWEventName.UpdateProductDetails\n            );\n          }\n        }\n      }\n    } else {\n      FWLoggerUtil.log('onUpdateProductDetails callback is not set.');\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.clearCallbackId(\n            callbackId,\n            FWEventName.UpdateProductDetails\n          );\n        }\n      }\n    }\n  }\n\n  private async handleCustomLinkButtonClickEvent(\n    event: CustomClickLinkButtonEvent\n  ) {\n    if (this.onCustomClickLinkButton) {\n      this.onCustomClickLinkButton(event);\n    }\n  }\n\n  private async handleCustomProductCardTapEvent(\n    event: CustomTapProductCardEvent\n  ) {\n    if (this.onCustomTapProductCard) {\n      this.onCustomTapProductCard(event);\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}

package/lib/commonjs/components/StoryBlock.js

@@ -35,15 +35,16 @@ const NativeComponentName = 'FWStoryBlock';
 
 const StoryBlock = (props, forwardedRef) => {
   const nativeComponentRef = (0, _react.useRef)(null);
-  const [isFullscreenState, setIsFullscreenState] = (0, _react.useState)(false);
   const [sdkInitCalled, setSdkInitCalled] = (0, _react.useState)(_FWGlobalState.default.getInstance().sdkInitCalled);
+  const loadedRef = (0, _react.useRef)(false);
   const [, forceUpdate] = (0, _react.useReducer)(x => x + 1, 0);
 
   const handleStoryBlockLoadFinished = event => {
     _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockLoadFinished ${event.nativeEvent.name}`);
 
     const {
-      onStoryBlockLoadFinished
+      onStoryBlockLoadFinished,
+      onStoryBlockEmpty
     } = props;
     const {
       name,
@@ -52,22 +53,38 @@ const StoryBlock = (props, forwardedRef) => {
 
     if (onStoryBlockLoadFinished) {
       if (name) {
+        let error = {
+          name
+        };
+
         if (reason) {
-          onStoryBlockLoadFinished({
-            name,
-            reason
-          });
-        } else {
-          onStoryBlockLoadFinished({
-            name
-          });
+          error.reason = reason;
+        }
+
+        onStoryBlockLoadFinished(error);
+
+        if (!loadedRef.current) {
+          onStoryBlockEmpty === null || onStoryBlockEmpty === void 0 ? void 0 : onStoryBlockEmpty(error);
         }
       } else {
         onStoryBlockLoadFinished();
+        loadedRef.current = true;
       }
     }
   };
 
+  const handleStoryBlockEmpty = event => {
+    _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockEmpty ${event.nativeEvent}`);
+
+    const {
+      onStoryBlockEmpty
+    } = props;
+
+    if (onStoryBlockEmpty) {
+      onStoryBlockEmpty();
+    }
+  };
+
   const handleStoryBlockDidStartPictureInPicture = event => {
     _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockDidStartPictureInPicture ${JSON.stringify(event.nativeEvent)}`);
 
@@ -126,15 +143,6 @@ const StoryBlock = (props, forwardedRef) => {
     }
   };
 
-  const handleStoryBlockFullScreenStateChanged = event => {
-    _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockFullScreenStateChanged ${event.nativeEvent.isFullScreen}`);
-
-    const {
-      isFullScreen
-    } = event.nativeEvent;
-    setIsFullscreenState(isFullScreen);
-  };
-
   const generateDynamicContentParametersString = () => {
     const {
       dynamicContentParameters
@@ -329,6 +337,9 @@ const StoryBlock = (props, forwardedRef) => {
       },
       pause: () => {
         sendCommand('pause');
+      },
+      openFullscreen: () => {
+        sendCommand('openFullscreen');
       }
     };
   }, []);
@@ -387,27 +398,6 @@ const StoryBlock = (props, forwardedRef) => {
       setSdkInitCalled(true);
     });
   }, []);
-  (0, _react.useEffect)(() => {
-    if (_reactNative.Platform.OS === 'android') {
-      const onBackPress = () => {
-        if (isFullscreenState) {
-          _FireworkSDK.default.getInstance().navigator.popNativeContainer();
-
-          return true;
-        }
-
-        return false;
-      };
-
-      const subscription = _reactNative.BackHandler.addEventListener('hardwareBackPress', onBackPress);
-
-      return () => {
-        subscription.remove();
-      };
-    }
-
-    return;
-  }, [isFullscreenState]);
 
   if (!sdkInitCalled) {
     return null;
@@ -429,9 +419,9 @@ const StoryBlock = (props, forwardedRef) => {
     storyBlockConfiguration: storyBlockConfiguration,
     enablePictureInPicture: undefined,
     onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
+    onStoryBlockEmpty: handleStoryBlockEmpty,
     onStoryBlockDidStartPictureInPicture: handleStoryBlockDidStartPictureInPicture,
-    onStoryBlockDidStopPictureInPicture: handleStoryBlockDidStopPictureInPicture,
-    onStoryBlockFullScreenStateChanged: handleStoryBlockFullScreenStateChanged
+    onStoryBlockDidStopPictureInPicture: handleStoryBlockDidStopPictureInPicture
   }));
 };