react-native-firework-sdk 1.9.0-beta.3 → 1.9.0

package/lib/module/VideoShopping.js

@@ -14,6 +14,12 @@ class VideoShopping {
    *
    * The host apps can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.
    * If the host apps want to customize the processing logic of clicking "Add to cart" button, they could return null or undefined in the callback.
+   * @deprecated The callback will be deprecated since RN SDK V2.1.
+   */
+
+  /**
+   * This callback is triggered when the user clicks the "Add to cart" or "Shop now" button.
+   * The host app can return a ShoppingCTAResult object to tell SDK how to handle the result.
    */
 
   /**
@@ -21,6 +27,8 @@ class VideoShopping {
    *
    * The host app can return NewNativeContainerProps object
    * and we will push a new native container with the props.
+   *
+   * @deprecated The property will be deprecated since RN SDK V2.0.
    */
 
   /**
@@ -55,8 +63,9 @@ class VideoShopping {
   }
 
   /**
-   * The host app can use this property to configure "Add to cart" button style
-   * and hide the link button next to "Add to cart" button. Only supported on iOS.
+   * The configuration of product info view.
+   * Please refer to {@link ProductInfoViewConfiguration} for more details.
+   * Only supported on iOS.
    */
   get productInfoViewConfiguration() {
     return this._productInfoViewConfiguration;
@@ -83,10 +92,7 @@ class VideoShopping {
 
   set onCustomClickLinkButton(value) {
     this._onCustomClickLinkButton = value;
-
-    if (Platform.OS === 'android') {
-      ShoppingModule.setCustomClickLinkButtonEnabled(!!value);
-    }
+    ShoppingModule.setCustomClickLinkButtonEnabled(!!value);
   }
 
   get eventEmitter() {
@@ -106,6 +112,8 @@ class VideoShopping {
   constructor() {
     _defineProperty(this, "onAddToCart", void 0);
 
+    _defineProperty(this, "onShoppingCTA", void 0);
+
     _defineProperty(this, "onClickCartIcon", void 0);
 
     _defineProperty(this, "_onCustomClickCartIcon", void 0);
@@ -120,10 +128,20 @@ class VideoShopping {
 
     _defineProperty(this, "_onCustomClickLinkButton", void 0);
 
-    this.eventEmitter.addListener(FWEventName.AddToCart, event => {
-      FWLoggerUtil.log(`Receive AddToCart event productId: ${event === null || event === void 0 ? void 0 : event.productId} unitId: ${event === null || event === void 0 ? void 0 : event.unitId}`);
-      this.handleAddToCartEvent(event);
-    });
+    if (Platform.OS === 'android') {
+      this.eventEmitter.addListener(FWEventName.AddToCart, event => {
+        FWLoggerUtil.log(`Receive AddToCart event productId: ${event === null || event === void 0 ? void 0 : event.productId} unitId: ${event === null || event === void 0 ? void 0 : event.unitId}`);
+        this.handleShoppingCTAEvent(event);
+      });
+    }
+
+    if (Platform.OS === 'ios') {
+      this.eventEmitter.addListener(FWEventName.ShoppingCTAButtonClick, event => {
+        FWLoggerUtil.log(`Receive ShoppingCTA event productId: ${event === null || event === void 0 ? void 0 : event.productId} unitId: ${event === null || event === void 0 ? void 0 : event.unitId} url: ${event === null || event === void 0 ? void 0 : event.url}`);
+        this.handleShoppingCTAEvent(event);
+      });
+    }
+
     this.eventEmitter.addListener(FWEventName.ClickCartIcon, event => {
       FWLoggerUtil.log('Receive ClickCartIcon event');
       this.handleClickCartIconEvent(event);
@@ -137,13 +155,10 @@ class VideoShopping {
       this.handleWillDisplayProductEvent(event);
     });
     this.eventEmitter.addListener(FWEventName.LogMessage, () => {});
-
-    if (Platform.OS === 'android') {
-      this.eventEmitter.addListener(FWEventName.CustomLinkButtonClick, event => {
-        FWLoggerUtil.log(`Receive CustomLinkButtonClick event url: ${event === null || event === void 0 ? void 0 : event.url}`);
-        this.handleCustomLinkButtonClickEvent(event);
-      });
-    }
+    this.eventEmitter.addListener(FWEventName.CustomLinkButtonClick, event => {
+      FWLoggerUtil.log(`Receive CustomLinkButtonClick event url: ${event === null || event === void 0 ? void 0 : event.url}`);
+      this.handleCustomLinkButtonClickEvent(event);
+    });
   }
   /**
    *
@@ -159,28 +174,60 @@ class VideoShopping {
     ShoppingModule.setCartItemCount(count);
   }
 
-  async handleAddToCartEvent(event) {
+  async handleShoppingCTAEvent(event) {
+    var _this$productInfoView, _this$productInfoView2;
+
     const callbackId = event.callbackId;
     delete event.callbackId;
+    let isShopNowCTA = false;
+
+    if (Platform.OS === 'ios' && ((_this$productInfoView = this.productInfoViewConfiguration) === null || _this$productInfoView === void 0 ? void 0 : (_this$productInfoView2 = _this$productInfoView.ctaButton) === null || _this$productInfoView2 === void 0 ? void 0 : _this$productInfoView2.text) === 'shopNow') {
+      isShopNowCTA = true;
+    }
+
+    if (this.onShoppingCTA) {
+      const result = await this.onShoppingCTA(event);
+
+      if (callbackId) {
+        if (Platform.OS === 'ios') {
+          ShoppingModule.updateShoppingCTAResult(result, callbackId);
+        } else {
+          if (result.tips) {
+            ShoppingModule.updateAddToCartStatus(result.res, result.tips, callbackId);
+          }
+        }
+      }
+    } else if (this.onAddToCart && !isShopNowCTA) {
+      if (event.url) {
+        delete event.url;
+      }
 
-    if (this.onAddToCart) {
       const result = await this.onAddToCart(event);
 
       if (result) {
         if (callbackId) {
-          ShoppingModule.updateAddToCartStatus(result.res, result.tips, callbackId);
+          if (Platform.OS === 'ios') {
+            ShoppingModule.updateShoppingCTAResult({
+              res: result.res,
+              tips: result.tips
+            }, callbackId);
+          } else {
+            var _result$tips;
+
+            ShoppingModule.updateAddToCartStatus(result.res, (_result$tips = result.tips) !== null && _result$tips !== void 0 ? _result$tips : '', callbackId);
+          }
         }
       } else {
         if (callbackId) {
           if (Platform.OS === 'ios') {
-            ShoppingModule.clearCallbackId(callbackId, FWEventName.AddToCart);
+            ShoppingModule.clearCallbackId(callbackId, FWEventName.ShoppingCTAButtonClick);
           }
         }
       }
     } else {
       if (callbackId) {
         if (Platform.OS === 'ios') {
-          ShoppingModule.clearCallbackId(callbackId, FWEventName.AddToCart);
+          ShoppingModule.clearCallbackId(callbackId, FWEventName.ShoppingCTAButtonClick);
         }
       }
     }
@@ -242,7 +289,7 @@ class VideoShopping {
       const config = await this.onWillDisplayProduct(event);
 
       if (config) {
-        ShoppingModule.setProductInfoViewConfiguration(config);
+        this.productInfoViewConfiguration = config;
       }
     }
   }

package/lib/module/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["Platform","FWEventName","ShoppingModule","ShoppingModuleEventEmitter","FWLoggerUtil","VideoShopping","onCustomClickCartIcon","_onCustomClickCartIcon","value","OS","setCustomClickCartIconEnabled","cartIconVisible","_cartIconVisible","setCartIconVisible","productInfoViewConfiguration","_productInfoViewConfiguration","setProductInfoViewConfiguration","onCustomClickLinkButton","_onCustomClickLinkButton","setCustomClickLinkButtonEnabled","eventEmitter","getInstance","log","_instance","constructor","addListener","AddToCart","event","productId","unitId","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","WillDisplayProduct","videoId","handleWillDisplayProductEvent","LogMessage","CustomLinkButtonClick","url","handleCustomLinkButtonClickEvent","setCartItemCount","count","callbackId","onAddToCart","result","updateAddToCartStatus","res","tips","clearCallbackId","onClickCartIcon","props","jumpToCartPage","onUpdateProductDetails","productList","map","product","length","updateVideoProducts","onWillDisplayProduct","config"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport type {\n  AddToCartEvent,\n  CustomClickLinkButtonEvent,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport { FWEventName } from './models/FWEventName';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ClickCartIconCallback = () => Promise<\n  NewNativeContainerProps | undefined | null\n>;\n\nexport type CustomClickCartIconCallback = () => Promise<void>;\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\nexport type CustomClickLinkButtonCallback = (\n  event: CustomClickLinkButtonEvent\n) => Promise<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\" button.\n   *\n   * The host apps can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   * If the host apps want to customize the processing logic of clicking \"Add to cart\" button, they could return null or undefined in the callback.\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 NewNativeContainerProps object\n   * and we will push a new native container with the props.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\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 get onCustomClickCartIcon(): CustomClickCartIconCallback | undefined {\n    return this._onCustomClickCartIcon;\n  }\n  public set onCustomClickCartIcon(\n    value: CustomClickCartIconCallback | undefined\n  ) {\n    this._onCustomClickCartIcon = value;\n    if (Platform.OS === 'ios') {\n      ShoppingModule.setCustomClickCartIconEnabled(!!value);\n    }\n  }\n  private _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   * Please use productInfoViewConfiguration property. Only supported on iOS.\n   *\n   * @deprecated The property will be deprecated since RN SDK V2.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\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    ShoppingModule.setCartIconVisible(value);\n  }\n  private _cartIconVisible: boolean = true;\n\n  /**\n   * The host app can use this property to configure \"Add to cart\" button style\n   * and hide the link button next to \"Add to cart\" button. Only supported on iOS.\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    this._productInfoViewConfiguration = value;\n    if (Platform.OS === 'ios') {\n      ShoppingModule.setProductInfoViewConfiguration(value ?? {});\n    }\n  }\n\n  private _productInfoViewConfiguration?:\n    | ProductInfoViewConfiguration\n    | undefined;\n\n  /**\n   * This callback is triggered when the user clicks\n   * the link button next to Add to cart button. Only supported on Android.\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    if (Platform.OS === 'android') {\n      ShoppingModule.setCustomClickLinkButtonEnabled(!!value);\n    }\n  }\n  private _onCustomClickLinkButton?: CustomClickLinkButtonCallback | 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(FWEventName.AddToCart, (event) => {\n      FWLoggerUtil.log(\n        `Receive AddToCart event productId: ${event?.productId} unitId: ${event?.unitId}`\n      );\n      this.handleAddToCartEvent(event);\n    });\n\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      FWLoggerUtil.log('Receive ClickCartIcon event');\n      this.handleClickCartIconEvent(event);\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.WillDisplayProduct, (event) => {\n      FWLoggerUtil.log(\n        `Receive WillDisplayProduct event videoId: ${event?.videoId}`\n      );\n      this.handleWillDisplayProductEvent(event);\n    });\n    this.eventEmitter.addListener(FWEventName.LogMessage, () => {});\n\n    if (Platform.OS === 'android') {\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  }\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 setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleAddToCartEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n    if (this.onAddToCart) {\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        if (callbackId) {\n          ShoppingModule.updateAddToCartStatus(\n            result.res,\n            result.tips,\n            callbackId\n          );\n        }\n      } else {\n        if (callbackId) {\n          if (Platform.OS === 'ios') {\n            ShoppingModule.clearCallbackId(callbackId, FWEventName.AddToCart);\n          }\n        }\n      }\n    } else {\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.clearCallbackId(callbackId, FWEventName.AddToCart);\n        }\n      }\n    }\n  }\n\n  private async handleClickCartIconEvent(event: any) {\n    if (this.onCustomClickCartIcon) {\n      this.onCustomClickCartIcon();\n    } else if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const props = await this.onClickCartIcon();\n      if (callbackId) {\n        ShoppingModule.jumpToCartPage(callbackId, props ?? {});\n      }\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 handleWillDisplayProductEvent(event: any) {\n    if (this.onWillDisplayProduct) {\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        ShoppingModule.setProductInfoViewConfiguration(config);\n      }\n    }\n  }\n\n  private async handleCustomLinkButtonClickEvent(\n    event: CustomClickLinkButtonEvent\n  ) {\n    if (this.onCustomClickLinkButton) {\n      this.onCustomClickLinkButton(event);\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["Platform","FWEventName","ShoppingModule","ShoppingModuleEventEmitter","FWLoggerUtil","VideoShopping","onCustomClickCartIcon","_onCustomClickCartIcon","value","OS","setCustomClickCartIconEnabled","cartIconVisible","_cartIconVisible","setCartIconVisible","productInfoViewConfiguration","_productInfoViewConfiguration","setProductInfoViewConfiguration","onCustomClickLinkButton","_onCustomClickLinkButton","setCustomClickLinkButtonEnabled","eventEmitter","getInstance","log","_instance","constructor","addListener","AddToCart","event","productId","unitId","handleShoppingCTAEvent","ShoppingCTAButtonClick","url","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","WillDisplayProduct","videoId","handleWillDisplayProductEvent","LogMessage","CustomLinkButtonClick","handleCustomLinkButtonClickEvent","setCartItemCount","count","callbackId","isShopNowCTA","ctaButton","text","onShoppingCTA","result","updateShoppingCTAResult","tips","updateAddToCartStatus","res","onAddToCart","clearCallbackId","onClickCartIcon","props","jumpToCartPage","onUpdateProductDetails","productList","map","product","length","updateVideoProducts","onWillDisplayProduct","config"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport type {\n  AddToCartEvent,\n  CustomClickLinkButtonEvent,\n  ShoppingCTAEvent,\n  UpdateProductDetailsEvent,\n  WillDisplayProductEvent,\n} from './models/FWEvents';\nimport { FWEventName } from './models/FWEventName';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport ShoppingModule, {\n  ShoppingModuleEventEmitter,\n} from './modules/ShoppingModule';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\nimport FWLoggerUtil from './utils/FWLoggerUtil';\nimport type ShoppingCTAResult from './models/ShoppingCTAResult';\n\n/**\n * @deprecated The type will be deprecated since RN SDK V2.1.\n */\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type ShoppingCTACallback = (\n  event: ShoppingCTAEvent\n) => Promise<ShoppingCTAResult>;\n\n/**\n * @deprecated The type will be deprecated since RN SDK V2.0.\n */\nexport type ClickCartIconCallback = () => Promise<\n  NewNativeContainerProps | undefined | null\n>;\n\nexport type CustomClickCartIconCallback = () => Promise<void>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product[] | undefined | null>;\n\n/**\n * @deprecated The type will be deprecated since RN SDK V2.0.\n */\nexport type WillDisplayProductCallback = (\n  event: WillDisplayProductEvent\n) => Promise<ProductInfoViewConfiguration | undefined | null>;\n\nexport type CustomClickLinkButtonCallback = (\n  event: CustomClickLinkButtonEvent\n) => Promise<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\" button.\n   *\n   * The host apps can return an AddToCartResult object to tell FireworkSDK the result of adding to cart.\n   * If the host apps want to customize the processing logic of clicking \"Add to cart\" button, they could return null or undefined in the callback.\n   * @deprecated The callback will be deprecated since RN SDK V2.1.\n   */\n  public onAddToCart?: AddToCartCallback;\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 return NewNativeContainerProps object\n   * and we will push a new native container with the props.\n   *\n   * @deprecated The property will be deprecated since RN SDK V2.0.\n   */\n  public onClickCartIcon?: ClickCartIconCallback;\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 get onCustomClickCartIcon(): CustomClickCartIconCallback | undefined {\n    return this._onCustomClickCartIcon;\n  }\n  public set onCustomClickCartIcon(\n    value: CustomClickCartIconCallback | undefined\n  ) {\n    this._onCustomClickCartIcon = value;\n    if (Platform.OS === 'ios') {\n      ShoppingModule.setCustomClickCartIconEnabled(!!value);\n    }\n  }\n  private _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   * Please use productInfoViewConfiguration property. Only supported on iOS.\n   *\n   * @deprecated The property will be deprecated since RN SDK V2.0.\n   * Use {@link productInfoViewConfiguration} instead.\n   */\n  public onWillDisplayProduct?: WillDisplayProductCallback;\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    ShoppingModule.setCartIconVisible(value);\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   * Only supported on iOS.\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    this._productInfoViewConfiguration = value;\n    if (Platform.OS === 'ios') {\n      ShoppingModule.setProductInfoViewConfiguration(value ?? {});\n    }\n  }\n\n  private _productInfoViewConfiguration?:\n    | ProductInfoViewConfiguration\n    | undefined;\n\n  /**\n   * This callback is triggered when the user clicks\n   * the link button next to Add to cart button. Only supported on Android.\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  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    if (Platform.OS === 'android') {\n      this.eventEmitter.addListener(FWEventName.AddToCart, (event) => {\n        FWLoggerUtil.log(\n          `Receive AddToCart event productId: ${event?.productId} unitId: ${event?.unitId}`\n        );\n        this.handleShoppingCTAEvent(event);\n      });\n    }\n\n    if (Platform.OS === 'ios') {\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\n    this.eventEmitter.addListener(FWEventName.ClickCartIcon, (event) => {\n      FWLoggerUtil.log('Receive ClickCartIcon event');\n      this.handleClickCartIconEvent(event);\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.WillDisplayProduct, (event) => {\n      FWLoggerUtil.log(\n        `Receive WillDisplayProduct event videoId: ${event?.videoId}`\n      );\n      this.handleWillDisplayProductEvent(event);\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\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 setCartItemCount(count: number) {\n    ShoppingModule.setCartItemCount(count);\n  }\n\n  private async handleShoppingCTAEvent(event: any) {\n    const callbackId = event.callbackId;\n    delete event.callbackId;\n    let isShopNowCTA = false;\n    if (\n      Platform.OS === 'ios' &&\n      this.productInfoViewConfiguration?.ctaButton?.text === 'shopNow'\n    ) {\n      isShopNowCTA = true;\n    }\n\n    if (this.onShoppingCTA) {\n      const result = await this.onShoppingCTA(event as ShoppingCTAEvent);\n      if (callbackId) {\n        if (Platform.OS === 'ios') {\n          ShoppingModule.updateShoppingCTAResult(result, callbackId);\n        } else {\n          if (result.tips) {\n            ShoppingModule.updateAddToCartStatus(\n              result.res,\n              result.tips,\n              callbackId\n            );\n          }\n        }\n      }\n    } else if (this.onAddToCart && !isShopNowCTA) {\n      if (event.url) {\n        delete event.url;\n      }\n      const result = await this.onAddToCart(event as AddToCartEvent);\n      if (result) {\n        if (callbackId) {\n          if (Platform.OS === 'ios') {\n            ShoppingModule.updateShoppingCTAResult(\n              { res: result.res, tips: result.tips },\n              callbackId\n            );\n          } else {\n            ShoppingModule.updateAddToCartStatus(\n              result.res,\n              result.tips ?? '',\n              callbackId\n            );\n          }\n        }\n      } else {\n        if (callbackId) {\n          if (Platform.OS === 'ios') {\n            ShoppingModule.clearCallbackId(\n              callbackId,\n              FWEventName.ShoppingCTAButtonClick\n            );\n          }\n        }\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(event: any) {\n    if (this.onCustomClickCartIcon) {\n      this.onCustomClickCartIcon();\n    } else if (this.onClickCartIcon) {\n      const callbackId = event.callbackId;\n      delete event.callbackId;\n      const props = await this.onClickCartIcon();\n      if (callbackId) {\n        ShoppingModule.jumpToCartPage(callbackId, props ?? {});\n      }\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 handleWillDisplayProductEvent(event: any) {\n    if (this.onWillDisplayProduct) {\n      delete event.callbackId;\n      const config = await this.onWillDisplayProduct(\n        event as WillDisplayProductEvent\n      );\n      if (config) {\n        this.productInfoViewConfiguration = config;\n      }\n    }\n  }\n\n  private async handleCustomLinkButtonClickEvent(\n    event: CustomClickLinkButtonEvent\n  ) {\n    if (this.onCustomClickLinkButton) {\n      this.onCustomClickLinkButton(event);\n    }\n  }\n}\n\nexport default VideoShopping;\n"]}

package/lib/module/components/StoryBlock.js

@@ -1,8 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import React from 'react';
+import React, { forwardRef, useEffect, useImperativeHandle, useReducer, useRef } from 'react';
 import { findNodeHandle, Platform, UIManager } from 'react-native';
 import FireworkSDK from '../FireworkSDK';
 import { FWEventName } from '../models/FWEventName';
@@ -11,121 +9,89 @@ import FWLoggerUtil from '../utils/FWLoggerUtil';
 import FWStoryBlock from './FWStoryBlock';
 const NativeComponentName = 'FWStoryBlock';
 
-const createFragment = viewId => {
-  if (Platform.OS === 'android') {
-    UIManager.dispatchViewManagerCommand(viewId, UIManager.getViewManagerConfig(NativeComponentName).Commands.create.toString(), [viewId]);
-  }
-};
+const StoryBlock = (props, forwardedRef) => {
+  const nativeComponentRef = useRef(null);
+  const [, forceUpdate] = useReducer(x => x + 1, 0);
+  useImperativeHandle(forwardedRef, () => {
+    const sendCommand = command => {
+      const nativeNodeHandle = findNodeHandle(nativeComponentRef.current);
+      let commandId = UIManager.getViewManagerConfig(NativeComponentName).Commands[command];
 
-export default class StoryBlock extends React.Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "nativeComponentRef", /*#__PURE__*/React.createRef());
-
-    _defineProperty(this, "subscriptions", []);
-
-    _defineProperty(this, "_onStoryBlockLoadFinished", event => {
-      FWLoggerUtil.log(`StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`);
-      const {
-        onStoryBlockLoadFinished
-      } = this.props;
-      const {
-        name,
-        reason
-      } = event.nativeEvent;
-
-      if (onStoryBlockLoadFinished) {
-        if (name) {
-          if (reason) {
-            onStoryBlockLoadFinished({
-              name,
-              reason
-            });
-          } else {
-            onStoryBlockLoadFinished({
-              name
-            });
-          }
-        } else {
-          onStoryBlockLoadFinished();
-        }
+      if (Platform.OS === 'android') {
+        commandId = commandId.toString();
       }
-    });
-  }
 
-  componentDidMount() {
+      UIManager.dispatchViewManagerCommand(findNodeHandle(nativeNodeHandle), commandId, []);
+    };
+
+    return {
+      play: () => {
+        sendCommand('play');
+      },
+      pause: () => {
+        sendCommand('pause');
+      }
+    };
+  }, []);
+  useEffect(() => {
     const subscriptionOfShareBaseURLUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.ShareBaseURLUpdated, () => {
-      this.setState({});
+      FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');
+      forceUpdate();
     });
-    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);
     const subscriptionOfAdBadgeConfigurationUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AdBadgeConfigurationUpdated, () => {
-      this.setState({});
+      FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');
+      forceUpdate();
+    });
+    const subscriptionOfAppLanguageUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AppLanguageUpdated, () => {
+      FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');
+      forceUpdate();
     });
-    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
 
     if (Platform.OS === 'android') {
-      const viewId = findNodeHandle(this.nativeComponentRef.current);
-      FWLoggerUtil.log(`StoryBlock componentDidMount createFragment viewId: ${viewId}`);
-      createFragment(viewId);
+      const viewId = findNodeHandle(nativeComponentRef.current);
+      FWLoggerUtil.log(`StoryBlock createFragment viewId: ${viewId}`);
+      UIManager.dispatchViewManagerCommand(viewId, UIManager.getViewManagerConfig(NativeComponentName).Commands.create.toString(), [viewId]);
     }
-  }
 
-  componentWillUnmount() {
-    this.subscriptions.forEach(value => {
-      value.remove();
-    });
-    this.subscriptions = [];
-  }
+    return () => {
+      subscriptionOfShareBaseURLUpdated.remove();
+      subscriptionOfAdBadgeConfigurationUpdated.remove();
+      subscriptionOfAppLanguageUpdated.remove();
+    };
+  }, []);
 
-  render() {
+  const handleStoryBlockLoadFinished = event => {
+    FWLoggerUtil.log(`StoryBlock handleStoryBlockLoadFinished ${event.nativeEvent.name}`);
     const {
-      style
-    } = this.props;
-    return /*#__PURE__*/React.createElement(FWStoryBlock, _extends({
-      ref: this.nativeComponentRef,
-      key: this._generateKey()
-    }, this.props, {
-      onStoryBlockLoadFinished: this._onStoryBlockLoadFinished,
-      style: Object.assign({}, style, {
-        zIndex: -1
-      })
-    }));
-  }
-
-  _generateKey() {
-    var _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3;
-
+      onStoryBlockLoadFinished
+    } = props;
     const {
-      source,
-      channel = '',
-      playlist = '',
-      enablePictureInPicture = false
-    } = this.props;
-    const shareBaseURL = (_FireworkSDK$getInsta = FireworkSDK.getInstance().shareBaseURL) !== null && _FireworkSDK$getInsta !== void 0 ? _FireworkSDK$getInsta : '';
-    const adBadgeConfiguration = (_FireworkSDK$getInsta2 = FireworkSDK.getInstance().adBadgeConfiguration) !== null && _FireworkSDK$getInsta2 !== void 0 ? _FireworkSDK$getInsta2 : {};
-    const adBadgeTextType = (_adBadgeConfiguration = adBadgeConfiguration.badgeTextType) !== null && _adBadgeConfiguration !== void 0 ? _adBadgeConfiguration : '';
-    const backgroundColorOfAdBadge = (_adBadgeConfiguration2 = adBadgeConfiguration.backgroundColor) !== null && _adBadgeConfiguration2 !== void 0 ? _adBadgeConfiguration2 : '';
-    const textColorOfAdBadge = (_adBadgeConfiguration3 = adBadgeConfiguration.textColor) !== null && _adBadgeConfiguration3 !== void 0 ? _adBadgeConfiguration3 : '';
-
-    const dynamicContentParametersString = this._generateDynamicContentParametersString();
-
-    let key = `source:${source}`;
-    key += `_channel:${channel}`;
-    key += `_playlist:${playlist}`;
-    key += `_shareBaseURL:${shareBaseURL}`;
-    key += `_adBadgeTextType:${adBadgeTextType}`;
-    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
-    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
-    key += `_dynamicContentParameters:${dynamicContentParametersString}`;
-    key += `_enablePictureInPicture:${enablePictureInPicture}`;
-    return key;
-  }
+      name,
+      reason
+    } = event.nativeEvent;
+
+    if (onStoryBlockLoadFinished) {
+      if (name) {
+        if (reason) {
+          onStoryBlockLoadFinished({
+            name,
+            reason
+          });
+        } else {
+          onStoryBlockLoadFinished({
+            name
+          });
+        }
+      } else {
+        onStoryBlockLoadFinished();
+      }
+    }
+  };
 
-  _generateDynamicContentParametersString() {
+  const generateDynamicContentParametersString = () => {
     const {
       dynamicContentParameters
-    } = this.props;
+    } = props;
 
     if (!dynamicContentParameters) {
       return '';
@@ -146,7 +112,84 @@ export default class StoryBlock extends React.Component {
     }
 
     return resultString;
-  }
+  };
+
+  const generateVastAttributesString = () => {
+    var _adConfiguration$vast;
+
+    const {
+      adConfiguration
+    } = props;
+    const vastAttributes = (_adConfiguration$vast = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.vastAttributes) !== null && _adConfiguration$vast !== void 0 ? _adConfiguration$vast : '';
+
+    if (!vastAttributes) {
+      return '';
+    }
+
+    let resultString = '';
+
+    for (const attribute of vastAttributes) {
+      var _attribute$name;
+
+      if (resultString.length > 0) {
+        resultString += '_';
+      }
+
+      resultString += `${(_attribute$name = attribute.name) !== null && _attribute$name !== void 0 ? _attribute$name : ''}:${attribute.value}`;
+    }
+
+    return resultString;
+  };
+
+  const generateKey = () => {
+    var _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _FireworkSDK$getInsta3, _adConfiguration$requ, _adConfiguration$adsF;
+
+    const {
+      source,
+      channel = '',
+      playlist = '',
+      enablePictureInPicture = false,
+      adConfiguration
+    } = props;
+    const shareBaseURL = (_FireworkSDK$getInsta = FireworkSDK.getInstance().shareBaseURL) !== null && _FireworkSDK$getInsta !== void 0 ? _FireworkSDK$getInsta : '';
+    const adBadgeConfiguration = (_FireworkSDK$getInsta2 = FireworkSDK.getInstance().adBadgeConfiguration) !== null && _FireworkSDK$getInsta2 !== void 0 ? _FireworkSDK$getInsta2 : {};
+    const adBadgeTextType = (_adBadgeConfiguration = adBadgeConfiguration.badgeTextType) !== null && _adBadgeConfiguration !== void 0 ? _adBadgeConfiguration : '';
+    const backgroundColorOfAdBadge = (_adBadgeConfiguration2 = adBadgeConfiguration.backgroundColor) !== null && _adBadgeConfiguration2 !== void 0 ? _adBadgeConfiguration2 : '';
+    const textColorOfAdBadge = (_adBadgeConfiguration3 = adBadgeConfiguration.textColor) !== null && _adBadgeConfiguration3 !== void 0 ? _adBadgeConfiguration3 : '';
+    const dynamicContentParametersString = generateDynamicContentParametersString();
+    const appLanguage = (_FireworkSDK$getInsta3 = FireworkSDK.getInstance().appLanguage) !== null && _FireworkSDK$getInsta3 !== void 0 ? _FireworkSDK$getInsta3 : '';
+    const requiresAds = (_adConfiguration$requ = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.requiresAds) !== null && _adConfiguration$requ !== void 0 ? _adConfiguration$requ : false;
+    const adsFetchTimeout = (_adConfiguration$adsF = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.adsFetchTimeout) !== null && _adConfiguration$adsF !== void 0 ? _adConfiguration$adsF : 10;
+    const vastAttributesString = generateVastAttributesString();
+    let key = `source:${source}`;
+    key += `_channel:${channel}`;
+    key += `_playlist:${playlist}`;
+    key += `_shareBaseURL:${shareBaseURL}`;
+    key += `_adBadgeTextType:${adBadgeTextType}`;
+    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
+    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
+    key += `_dynamicContentParameters:${dynamicContentParametersString}`;
+    key += `_enablePictureInPicture:${enablePictureInPicture}`;
+    key += `_appLanguage:${appLanguage}`;
+    key += `_requiresAds:${requiresAds}`;
+    key += `_adsFetchTimeout:${adsFetchTimeout}`;
+    key += `_vastAttributes:${vastAttributesString}`;
+    return key;
+  };
+
+  const {
+    style
+  } = props;
+  return /*#__PURE__*/React.createElement(FWStoryBlock, _extends({
+    ref: nativeComponentRef,
+    key: generateKey()
+  }, props, {
+    onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
+    style: Object.assign({}, style, {
+      zIndex: -1
+    })
+  }));
+};
 
-}
+export default /*#__PURE__*/forwardRef(StoryBlock);
 //# sourceMappingURL=StoryBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["StoryBlock.tsx"],"names":["React","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWStoryBlock","NativeComponentName","createFragment","viewId","OS","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","Component","createRef","event","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","enablePictureInPicture","shareBaseURL","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","key","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport { findNodeHandle, Platform, UIManager } from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nconst createFragment = (viewId: any) => {\n  if (Platform.OS === 'android') {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      UIManager.getViewManagerConfig(\n        NativeComponentName\n      ).Commands.create.toString(),\n      [viewId]\n    );\n  }\n};\n\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * Specifies if Picture in Picture is enabled. Only supported on iOS.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\nexport default class StoryBlock extends React.Component<IStoryBlockProps> {\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(this.nativeComponentRef.current);\n      FWLoggerUtil.log(\n        `StoryBlock componentDidMount createFragment viewId: ${viewId}`\n      );\n      createFragment(viewId);\n    }\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const { style } = this.props;\n\n    return (\n      <FWStoryBlock\n        ref={this.nativeComponentRef}\n        key={this._generateKey()}\n        {...this.props}\n        onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}\n        style={Object.assign({}, style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _onStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = this.props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  private _generateKey(): string {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      enablePictureInPicture = false,\n    } = this.props;\n\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n\n    return key;\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n}\n"]}
+{"version":3,"sources":["StoryBlock.tsx"],"names":["React","forwardRef","useEffect","useImperativeHandle","useReducer","useRef","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWStoryBlock","NativeComponentName","StoryBlock","props","forwardedRef","nativeComponentRef","forceUpdate","x","sendCommand","command","nativeNodeHandle","current","commandId","getViewManagerConfig","Commands","OS","toString","dispatchViewManagerCommand","play","pause","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","log","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfAppLanguageUpdated","AppLanguageUpdated","viewId","create","remove","handleStoryBlockLoadFinished","event","nativeEvent","name","onStoryBlockLoadFinished","reason","generateDynamicContentParametersString","dynamicContentParameters","resultString","sortedKeyList","Object","keys","sort","key","value","valueString","join","length","generateVastAttributesString","adConfiguration","vastAttributes","attribute","generateKey","source","channel","playlist","enablePictureInPicture","shareBaseURL","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","appLanguage","requiresAds","adsFetchTimeout","vastAttributesString","style","assign","zIndex"],"mappings":"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","sourcesContent":["import React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useReducer,\n  useRef,\n} from 'react';\nimport type { ForwardRefRenderFunction } from 'react';\nimport type { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';\nimport { findNodeHandle, Platform, UIManager } from 'react-native';\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\nimport type AdConfiguration from '../models/AdConfiguration';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nexport interface IStoryBlockMethods {\n  /**\n   * Play the story block.\n   */\n  play: () => void;\n  /**\n   * Pause the story block.\n   */\n  pause: () => void;\n}\n\n/**\n * The props type of StoryBlock component.\n */\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * Specifies if Picture in Picture is enabled. Only supported on iOS.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * Ad configuration of the feed. Only supported on iOS.\n   */\n  adConfiguration?: AdConfiguration;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\nconst StoryBlock: ForwardRefRenderFunction<\n  IStoryBlockMethods,\n  IStoryBlockProps\n> = (props: IStoryBlockProps, forwardedRef) => {\n  const nativeComponentRef = useRef(null);\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n  useImperativeHandle(\n    forwardedRef,\n    () => {\n      const sendCommand = (command: string) => {\n        const nativeNodeHandle = findNodeHandle(nativeComponentRef.current);\n\n        let commandId: string | number =\n          UIManager.getViewManagerConfig(NativeComponentName).Commands[command];\n        if (Platform.OS === 'android') {\n          commandId = commandId.toString();\n        }\n\n        UIManager.dispatchViewManagerCommand(\n          findNodeHandle(nativeNodeHandle),\n          commandId,\n          []\n        );\n      };\n      return {\n        play: () => {\n          sendCommand('play');\n        },\n        pause: () => {\n          sendCommand('pause');\n        },\n      };\n    },\n    []\n  );\n  useEffect(() => {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');\n          forceUpdate();\n        }\n      );\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');\n          forceUpdate();\n        }\n      );\n\n    const subscriptionOfAppLanguageUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AppLanguageUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');\n          forceUpdate();\n        }\n      );\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(nativeComponentRef.current);\n      FWLoggerUtil.log(`StoryBlock createFragment viewId: ${viewId}`);\n      UIManager.dispatchViewManagerCommand(\n        viewId,\n        UIManager.getViewManagerConfig(\n          NativeComponentName\n        ).Commands.create.toString(),\n        [viewId]\n      );\n    }\n\n    return () => {\n      subscriptionOfShareBaseURLUpdated.remove();\n      subscriptionOfAdBadgeConfigurationUpdated.remove();\n      subscriptionOfAppLanguageUpdated.remove();\n    };\n  }, []);\n\n  const handleStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  const generateDynamicContentParametersString = (): string => {\n    const { dynamicContentParameters } = props;\n\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  };\n\n  const generateVastAttributesString = () => {\n    const { adConfiguration } = props;\n    const vastAttributes = adConfiguration?.vastAttributes ?? '';\n    if (!vastAttributes) {\n      return '';\n    }\n\n    let resultString = '';\n    for (const attribute of vastAttributes) {\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n      resultString += `${attribute.name ?? ''}:${attribute.value}`;\n    }\n\n    return resultString;\n  };\n\n  const generateKey = (): string => {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      enablePictureInPicture = false,\n      adConfiguration,\n    } = props;\n\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      generateDynamicContentParametersString();\n    const appLanguage = FireworkSDK.getInstance().appLanguage ?? '';\n    const requiresAds = adConfiguration?.requiresAds ?? false;\n    const adsFetchTimeout = adConfiguration?.adsFetchTimeout ?? 10;\n    const vastAttributesString = generateVastAttributesString();\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_appLanguage:${appLanguage}`;\n    key += `_requiresAds:${requiresAds}`;\n    key += `_adsFetchTimeout:${adsFetchTimeout}`;\n    key += `_vastAttributes:${vastAttributesString}`;\n\n    return key;\n  };\n\n  const { style } = props;\n  return (\n    <FWStoryBlock\n      ref={nativeComponentRef}\n      key={generateKey()}\n      {...props}\n      onStoryBlockLoadFinished={handleStoryBlockLoadFinished}\n      style={Object.assign({}, style, { zIndex: -1 })}\n    />\n  );\n};\n\nexport default forwardRef(StoryBlock);\n"]}