react-native-firework-sdk 2.0.0 → 2.2.0-beta.1

package/lib/commonjs/VideoShopping.js

@@ -26,10 +26,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  */
 class VideoShopping {
   /**
-   * This callback is triggered when the user clicks the "Add to cart" button.
-   *
-   * 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.
+   * 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.
    */
 
   /**
@@ -65,8 +63,8 @@ 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.
    */
   get productInfoViewConfiguration() {
     return this._productInfoViewConfiguration;
@@ -75,14 +73,12 @@ class VideoShopping {
   set productInfoViewConfiguration(value) {
     this._productInfoViewConfiguration = value;
 
-    if (_reactNative.Platform.OS === 'ios') {
-      _ShoppingModule.default.setProductInfoViewConfiguration(value !== null && value !== void 0 ? value : {});
-    }
+    _ShoppingModule.default.setProductInfoViewConfiguration(value !== null && value !== void 0 ? value : {});
   }
 
   /**
    * This callback is triggered when the user clicks
-   * the link button next to Add to cart button. Only supported on Android.
+   * the link button next to Add to cart button.
    *
    * The host app can customize the click event processing logic of
    * the link button by setting the callback.
@@ -94,9 +90,7 @@ class VideoShopping {
   set onCustomClickLinkButton(value) {
     this._onCustomClickLinkButton = value;
 
-    if (_reactNative.Platform.OS === 'android') {
-      _ShoppingModule.default.setCustomClickLinkButtonEnabled(!!value);
-    }
+    _ShoppingModule.default.setCustomClickLinkButtonEnabled(!!value);
   }
 
   get eventEmitter() {
@@ -114,7 +108,7 @@ class VideoShopping {
   }
 
   constructor() {
-    _defineProperty(this, "onAddToCart", void 0);
+    _defineProperty(this, "onShoppingCTA", void 0);
 
     _defineProperty(this, "_onCustomClickCartIcon", void 0);
 
@@ -126,10 +120,10 @@ class VideoShopping {
 
     _defineProperty(this, "_onCustomClickLinkButton", void 0);
 
-    this.eventEmitter.addListener(_FWEventName.FWEventName.AddToCart, event => {
-      _FWLoggerUtil.default.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.eventEmitter.addListener(_FWEventName.FWEventName.ShoppingCTAButtonClick, event => {
+      _FWLoggerUtil.default.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.handleAddToCartEvent(event);
+      this.handleShoppingCTAEvent(event);
     });
     this.eventEmitter.addListener(_FWEventName.FWEventName.ClickCartIcon, () => {
       _FWLoggerUtil.default.log('Receive ClickCartIcon event');
@@ -142,14 +136,11 @@ class VideoShopping {
       this.handleUpdateProductDetailsEvent(event);
     });
     this.eventEmitter.addListener(_FWEventName.FWEventName.LogMessage, () => {});
+    this.eventEmitter.addListener(_FWEventName.FWEventName.CustomLinkButtonClick, event => {
+      _FWLoggerUtil.default.log(`Receive CustomLinkButtonClick event url: ${event === null || event === void 0 ? void 0 : event.url}`);
 
-    if (_reactNative.Platform.OS === 'android') {
-      this.eventEmitter.addListener(_FWEventName.FWEventName.CustomLinkButtonClick, event => {
-        _FWLoggerUtil.default.log(`Receive CustomLinkButtonClick event url: ${event === null || event === void 0 ? void 0 : event.url}`);
-
-        this.handleCustomLinkButtonClickEvent(event);
-      });
-    }
+      this.handleCustomLinkButtonClickEvent(event);
+    });
   }
   /**
    *
@@ -165,28 +156,20 @@ class VideoShopping {
     _ShoppingModule.default.setCartItemCount(count);
   }
 
-  async handleAddToCartEvent(event) {
+  async handleShoppingCTAEvent(event) {
     const callbackId = event.callbackId;
     delete event.callbackId;
 
-    if (this.onAddToCart) {
-      const result = await this.onAddToCart(event);
+    if (this.onShoppingCTA) {
+      const result = await this.onShoppingCTA(event);
 
-      if (result) {
-        if (callbackId) {
-          _ShoppingModule.default.updateAddToCartStatus(result.res, result.tips, callbackId);
-        }
-      } else {
-        if (callbackId) {
-          if (_reactNative.Platform.OS === 'ios') {
-            _ShoppingModule.default.clearCallbackId(callbackId, _FWEventName.FWEventName.AddToCart);
-          }
-        }
+      if (callbackId) {
+        _ShoppingModule.default.updateShoppingCTAResult(result, callbackId);
       }
     } else {
       if (callbackId) {
         if (_reactNative.Platform.OS === 'ios') {
-          _ShoppingModule.default.clearCallbackId(callbackId, _FWEventName.FWEventName.AddToCart);
+          _ShoppingModule.default.clearCallbackId(callbackId, _FWEventName.FWEventName.ShoppingCTAButtonClick);
         }
       }
     }

package/lib/commonjs/VideoShopping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","onCustomClickCartIcon","_onCustomClickCartIcon","value","Platform","OS","ShoppingModule","setCustomClickCartIconEnabled","cartIconVisible","_cartIconVisible","setCartIconVisible","productInfoViewConfiguration","_productInfoViewConfiguration","setProductInfoViewConfiguration","onCustomClickLinkButton","_onCustomClickLinkButton","setCustomClickLinkButtonEnabled","eventEmitter","ShoppingModuleEventEmitter","getInstance","FWLoggerUtil","log","_instance","constructor","addListener","FWEventName","AddToCart","event","productId","unitId","handleAddToCartEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","LogMessage","CustomLinkButtonClick","url","handleCustomLinkButtonClickEvent","setCartItemCount","count","callbackId","onAddToCart","result","updateAddToCartStatus","res","tips","clearCallbackId","onUpdateProductDetails","productList","map","product","length","updateVideoProducts"],"mappings":"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","sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport type AddToCartResult from './models/AddToCartResult';\nimport { FWEventName } from './models/FWEventName';\nimport type {\n  AddToCartEvent,\n  CustomClickLinkButtonEvent,\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';\n\nexport type AddToCartCallback = (\n  event: AddToCartEvent\n) => Promise<AddToCartResult | undefined | null>;\n\nexport type CustomClickCartIconCallback = () => Promise<void>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product[] | 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 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   * 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, () => {\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    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() {\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\nexport default VideoShopping;\n"]}
+{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","onCustomClickCartIcon","_onCustomClickCartIcon","value","Platform","OS","ShoppingModule","setCustomClickCartIconEnabled","cartIconVisible","_cartIconVisible","setCartIconVisible","productInfoViewConfiguration","_productInfoViewConfiguration","setProductInfoViewConfiguration","onCustomClickLinkButton","_onCustomClickLinkButton","setCustomClickLinkButtonEnabled","eventEmitter","ShoppingModuleEventEmitter","getInstance","FWLoggerUtil","log","_instance","constructor","addListener","FWEventName","ShoppingCTAButtonClick","event","productId","unitId","url","handleShoppingCTAEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","LogMessage","CustomLinkButtonClick","handleCustomLinkButtonClickEvent","setCartItemCount","count","callbackId","onShoppingCTA","result","updateShoppingCTAResult","clearCallbackId","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  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';\n\nexport type ShoppingCTACallback = (\n  event: ShoppingCTAEvent\n) => Promise<ShoppingCTAResult>;\n\nexport type CustomClickCartIconCallback = () => Promise<void>;\n\nexport type UpdateProductDetailsCallback = (\n  event: UpdateProductDetailsEvent\n) => Promise<Product[] | 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\" 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 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   * 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   */\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    ShoppingModule.setProductInfoViewConfiguration(value ?? {});\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.\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    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\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\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\nexport default VideoShopping;\n"]}

package/lib/commonjs/components/StoryBlock.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
@@ -21,162 +21,125 @@ var _FWStoryBlock = _interopRequireDefault(require("./FWStoryBlock"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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; }
+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); }
 
 const NativeComponentName = 'FWStoryBlock';
 
-const createFragment = viewId => {
-  if (_reactNative.Platform.OS === 'android') {
-    _reactNative.UIManager.dispatchViewManagerCommand(viewId, _reactNative.UIManager.getViewManagerConfig(NativeComponentName).Commands.create.toString(), [viewId]);
-  }
-};
-/**
- * The props type of StoryBlock component.
- */
-
-
-/**
- * StoryBlock component. Only supported on iOS.
- */
-class StoryBlock extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "_nativeComponentRef", /*#__PURE__*/_react.default.createRef());
-
-    _defineProperty(this, "_subscriptions", []);
-
-    _defineProperty(this, "_onStoryBlockLoadFinished", event => {
-      _FWLoggerUtil.default.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();
-        }
+const StoryBlock = (props, forwardedRef) => {
+  const nativeComponentRef = (0, _react.useRef)(null);
+  const [isFullscreenState, setIsFullscreenState] = (0, _react.useState)(false);
+  const [, forceUpdate] = (0, _react.useReducer)(x => x + 1, 0);
+  (0, _react.useImperativeHandle)(forwardedRef, () => {
+    const sendCommand = command => {
+      const nativeNodeHandle = (0, _reactNative.findNodeHandle)(nativeComponentRef.current);
+
+      let commandId = _reactNative.UIManager.getViewManagerConfig(NativeComponentName).Commands[command];
+
+      if (_reactNative.Platform.OS === 'android') {
+        commandId = commandId.toString();
       }
-    });
-  }
 
-  /**
-   * @ignore
-   */
-  componentDidMount() {
+      _reactNative.UIManager.dispatchViewManagerCommand((0, _reactNative.findNodeHandle)(nativeNodeHandle), commandId, []);
+    };
+
+    return {
+      play: () => {
+        sendCommand('play');
+      },
+      pause: () => {
+        sendCommand('pause');
+      }
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
     const subscriptionOfShareBaseURLUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.ShareBaseURLUpdated, () => {
-      this.setState({});
-    });
+      _FWLoggerUtil.default.log('Receive FWEventName.ShareBaseURLUpdated');
 
-    this._subscriptions.push(subscriptionOfShareBaseURLUpdated);
+      forceUpdate();
+    });
 
     const subscriptionOfAdBadgeConfigurationUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.AdBadgeConfigurationUpdated, () => {
-      this.setState({});
-    });
+      _FWLoggerUtil.default.log('Receive FWEventName.AdBadgeConfigurationUpdated');
 
-    this._subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
+      forceUpdate();
+    });
 
     const subscriptionOfVideoLaunchBehaviorUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.VideoLaunchBehaviorUpdated, () => {
       _FWLoggerUtil.default.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
 
-      this.setState({});
+      forceUpdate();
     });
 
-    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);
+    const subscriptionOfAppLanguageUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.AppLanguageUpdated, () => {
+      _FWLoggerUtil.default.log('Receive FWEventName.AppLanguageUpdated');
+
+      forceUpdate();
+    });
 
     if (_reactNative.Platform.OS === 'android') {
-      const viewId = (0, _reactNative.findNodeHandle)(this._nativeComponentRef.current);
+      setTimeout(() => {
+        const viewId = (0, _reactNative.findNodeHandle)(nativeComponentRef.current);
 
-      _FWLoggerUtil.default.log(`StoryBlock componentDidMount createFragment viewId: ${viewId}`);
+        _FWLoggerUtil.default.log(`StoryBlock createFragment viewId: ${viewId}`);
 
-      createFragment(viewId);
+        _reactNative.UIManager.dispatchViewManagerCommand(viewId, _reactNative.UIManager.getViewManagerConfig(NativeComponentName).Commands.create.toString(), [viewId]);
+      }, 500);
     }
-  }
-  /**
-   * @ignore
-   */
 
+    return () => {
+      subscriptionOfShareBaseURLUpdated.remove();
+      subscriptionOfAdBadgeConfigurationUpdated.remove();
+      subscriptionOfVideoLaunchBehaviorUpdated.remove();
+      subscriptionOfAppLanguageUpdated.remove();
+    };
+  }, []);
 
-  componentWillUnmount() {
-    this._subscriptions.forEach(value => {
-      value.remove();
-    });
-
-    this._subscriptions = [];
-  }
-  /**
-   * @ignore
-   */
-
+  const handleStoryBlockLoadFinished = event => {
+    _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockLoadFinished ${event.nativeEvent.name}`);
 
-  render() {
     const {
-      style
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_FWStoryBlock.default, _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, _FireworkSDK$getInsta3;
-
+      onStoryBlockLoadFinished
+    } = props;
     const {
-      source,
-      channel = '',
-      playlist = '',
-      enablePictureInPicture = false
-    } = this.props;
-    const shareBaseURL = (_FireworkSDK$getInsta = _FireworkSDK.default.getInstance().getShareBaseURL()) !== null && _FireworkSDK$getInsta !== void 0 ? _FireworkSDK$getInsta : '';
-    const adBadgeConfiguration = (_FireworkSDK$getInsta2 = _FireworkSDK.default.getInstance().getAdBadgeConfiguration()) !== 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 : '';
+      name,
+      reason
+    } = event.nativeEvent;
+
+    if (onStoryBlockLoadFinished) {
+      if (name) {
+        if (reason) {
+          onStoryBlockLoadFinished({
+            name,
+            reason
+          });
+        } else {
+          onStoryBlockLoadFinished({
+            name
+          });
+        }
+      } else {
+        onStoryBlockLoadFinished();
+      }
+    }
+  };
 
-    const dynamicContentParametersString = this._generateDynamicContentParametersString();
+  const handleStoryBlockFullscreenStateChanged = event => {
+    _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockFullscreenStateChanged ${event.nativeEvent.isFullScreen}`);
 
-    const videoLaunchBehavior = (_FireworkSDK$getInsta3 = _FireworkSDK.default.getInstance().getVideoLaunchBehavior()) !== null && _FireworkSDK$getInsta3 !== void 0 ? _FireworkSDK$getInsta3 : 'default';
-    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 += `_videoLaunchBehavior:${videoLaunchBehavior}`;
-    return key;
-  }
+    const {
+      isFullScreen
+    } = event.nativeEvent;
+    setIsFullscreenState(isFullScreen);
+  };
 
-  _generateDynamicContentParametersString() {
+  const generateDynamicContentParametersString = () => {
     const {
       dynamicContentParameters
-    } = this.props;
+    } = props;
 
     if (!dynamicContentParameters) {
       return '';
@@ -197,10 +160,112 @@ class StoryBlock extends _react.default.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, _FireworkSDK$getInsta3, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _FireworkSDK$getInsta4, _adConfiguration$requ, _adConfiguration$adsF;
+
+    const {
+      source,
+      channel = '',
+      playlist = '',
+      enablePictureInPicture = false,
+      adConfiguration,
+      hashtagFilterExpression = ''
+    } = props;
+    const gShareBaseURL = (_FireworkSDK$getInsta = _FireworkSDK.default.getInstance().shareBaseURL) !== null && _FireworkSDK$getInsta !== void 0 ? _FireworkSDK$getInsta : '';
+    const videoLaunchBehavior = (_FireworkSDK$getInsta2 = _FireworkSDK.default.getInstance().videoLaunchBehavior) !== null && _FireworkSDK$getInsta2 !== void 0 ? _FireworkSDK$getInsta2 : 'default';
+    const adBadgeConfiguration = (_FireworkSDK$getInsta3 = _FireworkSDK.default.getInstance().getAdBadgeConfiguration()) !== null && _FireworkSDK$getInsta3 !== void 0 ? _FireworkSDK$getInsta3 : {};
+    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$getInsta4 = _FireworkSDK.default.getInstance().appLanguage) !== null && _FireworkSDK$getInsta4 !== void 0 ? _FireworkSDK$getInsta4 : '';
+    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 += `_gShareBaseURL:${gShareBaseURL}`;
+    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
+    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}`;
+    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;
+    return key;
+  };
+
+  (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]);
+  const {
+    style
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_FWStoryBlock.default, _extends({
+    ref: nativeComponentRef,
+    key: generateKey()
+  }, props, {
+    onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
+    onStoryBlockFullScreenStateChanged: handleStoryBlockFullscreenStateChanged,
+    style: Object.assign({}, style, {
+      zIndex: -1
+    })
+  }));
+};
 
-}
+var _default = /*#__PURE__*/(0, _react.forwardRef)(StoryBlock);
 
-var _default = StoryBlock;
 exports.default = _default;
 //# sourceMappingURL=StoryBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["StoryBlock.tsx"],"names":["NativeComponentName","createFragment","viewId","Platform","OS","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","React","Component","createRef","event","FWLoggerUtil","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","setState","_subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","_nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","enablePictureInPicture","shareBaseURL","FireworkSDK","getInstance","getShareBaseURL","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","videoLaunchBehavior","getVideoLaunchBehavior","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\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.\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\n/**\n * StoryBlock component. Only supported on iOS.\n */\nclass StoryBlock extends React.Component<IStoryBlockProps> {\n  private _nativeComponentRef = React.createRef<any>();\n\n  private _subscriptions: EmitterSubscription[] = [];\n\n  /**\n   * @ignore\n   */\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this._subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this._subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n\n    const subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\n          this.setState({});\n        }\n      );\n    this._subscriptions.push(subscriptionOfVideoLaunchBehaviorUpdated);\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  /**\n   * @ignore\n   */\n  componentWillUnmount() {\n    this._subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this._subscriptions = [];\n  }\n\n  /**\n   * @ignore\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().getShareBaseURL() ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().getVideoLaunchBehavior() ?? 'default';\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 += `_videoLaunchBehavior:${videoLaunchBehavior}`;\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\nexport default StoryBlock;\n"]}
+{"version":3,"sources":["StoryBlock.tsx"],"names":["NativeComponentName","StoryBlock","props","forwardedRef","nativeComponentRef","isFullscreenState","setIsFullscreenState","forceUpdate","x","sendCommand","command","nativeNodeHandle","current","commandId","UIManager","getViewManagerConfig","Commands","Platform","OS","toString","dispatchViewManagerCommand","play","pause","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","FWLoggerUtil","log","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","subscriptionOfAppLanguageUpdated","AppLanguageUpdated","setTimeout","viewId","create","remove","handleStoryBlockLoadFinished","event","nativeEvent","name","onStoryBlockLoadFinished","reason","handleStoryBlockFullscreenStateChanged","isFullScreen","generateDynamicContentParametersString","dynamicContentParameters","resultString","sortedKeyList","Object","keys","sort","key","value","valueString","join","length","generateVastAttributesString","adConfiguration","vastAttributes","attribute","generateKey","source","channel","playlist","enablePictureInPicture","hashtagFilterExpression","gShareBaseURL","FireworkSDK","getInstance","shareBaseURL","videoLaunchBehavior","adBadgeConfiguration","getAdBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","appLanguage","requiresAds","adsFetchTimeout","vastAttributesString","onBackPress","navigator","popNativeContainer","subscription","BackHandler","addEventListener","style","assign","zIndex"],"mappings":"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","sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  BackHandler,\n  findNodeHandle,\n  NativeSyntheticEvent,\n  Platform,\n  StyleProp,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type AdConfiguration from '../models/AdConfiguration';\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\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   * Hashtag filter expression is an s-expression used to provide feeds filtered by hashtags with specified criteria.\n   * Queries are specified with boolean predicates on what hashtags are there on the video.\n   * For instance, (and sport food) (or sport food) (and sport (or food comedy)) sport are all valid expressions.\n   * Non-UTF-8 characters are not allowed. If using boolean predicates, the expression needs to be wrapped with parenthesis.\n   */\n  hashtagFilterExpression?: 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 [isFullscreenState, setIsFullscreenState] = useState<boolean>(false);\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 subscriptionOfVideoLaunchBehaviorUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.VideoLaunchBehaviorUpdated,\n        () => {\n          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');\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      setTimeout(() => {\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      }, 500);\n    }\n\n    return () => {\n      subscriptionOfShareBaseURLUpdated.remove();\n      subscriptionOfAdBadgeConfigurationUpdated.remove();\n      subscriptionOfVideoLaunchBehaviorUpdated.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 handleStoryBlockFullscreenStateChanged = (\n    event: NativeSyntheticEvent<any>\n  ) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockFullscreenStateChanged ${event.nativeEvent.isFullScreen}`\n    );\n    const { isFullScreen } = event.nativeEvent;\n    setIsFullscreenState(isFullScreen);\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      hashtagFilterExpression = '',\n    } = props;\n\n    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().videoLaunchBehavior ?? 'default';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().getAdBadgeConfiguration() ?? {};\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 += `_gShareBaseURL:${gShareBaseURL}`;\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\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    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;\n\n    return key;\n  };\n\n  useEffect(() => {\n    if (Platform.OS === 'android') {\n      const onBackPress = () => {\n        if (isFullscreenState) {\n          FireworkSDK.getInstance().navigator.popNativeContainer();\n          return true;\n        }\n        return false;\n      };\n      const subscription = BackHandler.addEventListener(\n        'hardwareBackPress',\n        onBackPress\n      );\n      return () => {\n        subscription.remove();\n      };\n    }\n\n    return;\n  }, [isFullscreenState]);\n\n  const { style } = props;\n  return (\n    <FWStoryBlock\n      ref={nativeComponentRef}\n      key={generateKey()}\n      {...props}\n      onStoryBlockLoadFinished={handleStoryBlockLoadFinished}\n      onStoryBlockFullScreenStateChanged={\n        handleStoryBlockFullscreenStateChanged\n      }\n      style={Object.assign({}, style, { zIndex: -1 })}\n    />\n  );\n};\n\nexport default forwardRef(StoryBlock);\n"]}