react-native-firework-sdk 2.10.1 → 2.11.1

package/lib/commonjs/VideoShopping.js.map

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

package/lib/commonjs/components/StoryBlock.js

@@ -143,6 +143,21 @@ const StoryBlock = (props, forwardedRef) => {
     }
   };
 
+  const handleStoryBlockGetFeedId = event => {
+    _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockGetFeedId ${JSON.stringify(event.nativeEvent)}`);
+
+    const {
+      onStoryBlockGetFeedId
+    } = props;
+    const {
+      feedId
+    } = event.nativeEvent;
+
+    if (onStoryBlockGetFeedId) {
+      onStoryBlockGetFeedId(feedId !== null && feedId !== void 0 ? feedId : '');
+    }
+  };
+
   const generateDynamicContentParametersString = () => {
     const {
       dynamicContentParameters
@@ -260,12 +275,15 @@ const StoryBlock = (props, forwardedRef) => {
     const ctaHighlightDelayValue = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat5 = storyBlockConfiguration.ctaHighlightDelay) === null || _storyBlockConfigurat5 === void 0 ? void 0 : (_storyBlockConfigurat6 = _storyBlockConfigurat5.value) === null || _storyBlockConfigurat6 === void 0 ? void 0 : _storyBlockConfigurat6.toFixed(5);
     const shareBaseURL = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.shareBaseURL;
     const buttonConfiguration = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.buttonConfiguration;
+    const videoPlayerLogoConfigurationJsonKey = (0, _FWJsonUtil.default)(storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.videoPlayerLogoConfiguration);
     const ctaWidth = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.ctaWidth;
     const showVideoDetailTitle = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.showVideoDetailTitle;
     const requiresAds = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.requiresAds;
     const adsFetchTimeout = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.adsFetchTimeout;
     const vastAttributesString = generateVastAttributesString();
     const productInfoViewConfigurationJsonKey = (0, _FWJsonUtil.default)(_FireworkSDK.default.getInstance().shopping.productInfoViewConfiguration);
+    const replayBadgeConfigurationJsonKey = (0, _FWJsonUtil.default)(storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.replayBadgeConfiguration);
+    const countdownTimerConfigurationJsonKey = (0, _FWJsonUtil.default)(storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.countdownTimerConfiguration);
     let key = `gShareBaseURL:${gShareBaseURL}`;
 
     if (_reactNative.Platform.OS === 'ios') {
@@ -309,15 +327,23 @@ const StoryBlock = (props, forwardedRef) => {
     key += `_buttonConfiguration.unmuteButton:${generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.unmuteButton)}`;
     key += `_buttonConfiguration.playButton:${generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.playButton)}`;
     key += `_buttonConfiguration.pauseButton:${generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.pauseButton)}`;
+
+    if (_reactNative.Platform.OS === 'android') {
+      key += `_videoPlayerLogoConfiguration:${videoPlayerLogoConfigurationJsonKey}`;
+    }
+
     key += `_showVideoDetailTitle:${showVideoDetailTitle}`;
     key += `_requiresAds:${requiresAds}`;
     key += `_adsFetchTimeout:${adsFetchTimeout}`;
     key += `_vastAttributes:${vastAttributesString}`;
-    key += `_productInfoViewConfigurationJsonKey:${productInfoViewConfigurationJsonKey}`;
+    key += `_productInfoViewConfiguration:${productInfoViewConfigurationJsonKey}`;
+    key += `_replayBadgeConfiguration:${replayBadgeConfigurationJsonKey}`;
+    key += `_countdownTimerConfiguration:${countdownTimerConfigurationJsonKey}`;
     return key;
   };
 
   const key = generateKey();
+  console.log('story block key', key);
   (0, _react.useImperativeHandle)(forwardedRef, () => {
     const sendCommand = command => {
       const nativeNodeHandle = (0, _reactNative.findNodeHandle)(nativeComponentRef.current);
@@ -328,7 +354,15 @@ const StoryBlock = (props, forwardedRef) => {
         commandId = commandId.toString();
       }
 
-      _reactNative.UIManager.dispatchViewManagerCommand((0, _reactNative.findNodeHandle)(nativeNodeHandle), commandId, []);
+      let reactTag = (0, _reactNative.findNodeHandle)(nativeNodeHandle);
+
+      _FWLoggerUtil.default.log(`StoryBlock sendCommand: ${command} commandId: ${commandId} nativeNodeHandle: ${nativeNodeHandle} reactTag: ${reactTag}`);
+
+      if (!nativeNodeHandle || !reactTag) {
+        return;
+      }
+
+      _reactNative.UIManager.dispatchViewManagerCommand(reactTag, commandId, []);
     };
 
     return {
@@ -340,6 +374,20 @@ const StoryBlock = (props, forwardedRef) => {
       },
       openFullscreen: () => {
         sendCommand('openFullscreen');
+      },
+      onViewportEntered: () => {
+        if (_reactNative.Platform.OS !== 'ios') {
+          return;
+        }
+
+        sendCommand('onViewportEntered');
+      },
+      onViewportLeft: () => {
+        if (_reactNative.Platform.OS !== 'ios') {
+          return;
+        }
+
+        sendCommand('onViewportLeft');
       }
     };
   }, []);
@@ -389,6 +437,10 @@ const StoryBlock = (props, forwardedRef) => {
 
         _FWLoggerUtil.default.log(`StoryBlock createFragment viewId: ${viewId}`);
 
+        if (!viewId) {
+          return;
+        }
+
         _reactNative.UIManager.dispatchViewManagerCommand(viewId, _reactNative.UIManager.getViewManagerConfig(NativeComponentName).Commands.create.toString(), [viewId]);
       }, 500);
     }
@@ -421,7 +473,8 @@ const StoryBlock = (props, forwardedRef) => {
     onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
     onStoryBlockEmpty: handleStoryBlockEmpty,
     onStoryBlockDidStartPictureInPicture: handleStoryBlockDidStartPictureInPicture,
-    onStoryBlockDidStopPictureInPicture: handleStoryBlockDidStopPictureInPicture
+    onStoryBlockDidStopPictureInPicture: handleStoryBlockDidStopPictureInPicture,
+    onStoryBlockGetFeedId: handleStoryBlockGetFeedId
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["StoryBlock.tsx"],"names":["NativeComponentName","StoryBlock","props","forwardedRef","nativeComponentRef","sdkInitCalled","setSdkInitCalled","FWGlobalState","getInstance","loadedRef","forceUpdate","x","handleStoryBlockLoadFinished","event","FWLoggerUtil","log","nativeEvent","name","onStoryBlockLoadFinished","onStoryBlockEmpty","reason","error","current","handleStoryBlockEmpty","handleStoryBlockDidStartPictureInPicture","JSON","stringify","onStoryBlockDidStartPictureInPicture","handleStoryBlockDidStopPictureInPicture","onStoryBlockDidStopPictureInPicture","generateDynamicContentParametersString","dynamicContentParameters","resultString","sortedKeyList","Object","keys","sort","key","value","valueString","join","length","generateVastAttributesString","adConfiguration","vastAttributes","attribute","generateButtonInfoString","buttonInfo","imageName","systemImageName","tintColor","getStoryBlockConfiguration","storyBlockConfiguration","enablePictureInPicture","resultStoryBlockConfiguration","generateKey","gShareBaseURL","FireworkSDK","shareBaseURL","appLanguage","videoLaunchBehavior","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","androidFontIsCustomOfAdBadge","androidFontInfo","isCustom","androidFontTypefaceNameOfAdBadge","typefaceName","source","channel","playlist","hashtagFilterExpression","productIds","contentId","cornerRadius","dynamicContentParametersString","playerStyle","videoCompleteAction","showShareButton","showPlaybackButton","showMuteButton","showBranding","ctaDelayType","ctaDelay","type","ctaDelayValue","toFixed","ctaHighlightDelayType","ctaHighlightDelay","ctaHighlightDelayValue","buttonConfiguration","ctaWidth","showVideoDetailTitle","requiresAds","adsFetchTimeout","vastAttributesString","productInfoViewConfigurationJsonKey","shopping","productInfoViewConfiguration","Platform","OS","videoDetailButton","closeButton","muteButton","unmuteButton","playButton","pauseButton","sendCommand","command","nativeNodeHandle","commandId","UIManager","getViewManagerConfig","Commands","toString","dispatchViewManagerCommand","play","pause","openFullscreen","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","subscriptionOfAppLanguageUpdated","AppLanguageUpdated","subscriptionOfProductInfoViewConfigurationUpdated","ProductInfoViewConfigurationUpdated","remove","setTimeout","viewId","create","sdkInitCalledPromise","then","style","otherProps","assign","borderRadius","undefined"],"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  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 { StoryBlockConfiguration } from '../models/StoryBlockConfiguration';\nimport type StoryBlockNativeConfiguration from '../models/StoryBlockNativeConfiguration';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWGlobalState from '../utils/FWGlobalState';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\nimport type ButtonInfo from '../models/ButtonInfo';\nimport gennerateJsonKey from '../utils/FWJsonUtil';\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   * Open the fullscreen story block.\n   * Only supported on Android.\n   */\n  openFullscreen: () => 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   * Product ids used to generate the sku feed\n   */\n  productIds?: string[];\n  /**\n   * The video or live stream id.\n   */\n  contentId?: string;\n  /**\n   * Specifies if Picture in Picture is enabled. Only supported on iOS.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The corner radius of story block.\n   */\n  cornerRadius?: number;\n  /**\n   * Ad configuration of the feed.\n   */\n  adConfiguration?: AdConfiguration;\n\n  /* The configuration of the story block. */\n  storyBlockConfiguration?: StoryBlockConfiguration;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n  /**\n   * The callback is triggered when there are no items in the story block.\n   * The callback is triggered in the following cases:\n   *  1. Loading successfully but the back end returns an empty list.\n   *  2. The load failed and list is empty.\n   * onStoryBlockLoadFinished will also be triggered when onStoryBlockEmpty is triggered.\n   * Only supported on Android.\n   */\n  onStoryBlockEmpty?: (error?: FWError) => void;\n  /**\n   * Start Picture in Picture callback. Only supported on iOS.\n   */\n  onStoryBlockDidStartPictureInPicture?: (error?: FWError) => void;\n  /**\n   * Stop Picture in Picture callback. Only supported on iOS.\n   */\n  onStoryBlockDidStopPictureInPicture?: (error?: FWError) => void;\n}\n\nconst StoryBlock: ForwardRefRenderFunction<\n  IStoryBlockMethods,\n  IStoryBlockProps\n> = (props: IStoryBlockProps, forwardedRef) => {\n  const nativeComponentRef = useRef(null);\n  const [sdkInitCalled, setSdkInitCalled] = useState<boolean>(\n    FWGlobalState.getInstance().sdkInitCalled\n  );\n  const loadedRef = useRef<boolean>(false);\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  const handleStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished, onStoryBlockEmpty } = props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        let error: FWError = { name };\n        if (reason) {\n          error.reason = reason;\n        }\n\n        onStoryBlockLoadFinished(error);\n        if (!loadedRef.current) {\n          onStoryBlockEmpty?.(error);\n        }\n      } else {\n        onStoryBlockLoadFinished();\n        loadedRef.current = true;\n      }\n    }\n  };\n\n  const handleStoryBlockEmpty = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(`StoryBlock handleStoryBlockEmpty ${event.nativeEvent}`);\n\n    const { onStoryBlockEmpty } = props;\n\n    if (onStoryBlockEmpty) {\n      onStoryBlockEmpty();\n    }\n  };\n\n  const handleStoryBlockDidStartPictureInPicture = (\n    event: NativeSyntheticEvent<any>\n  ) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockDidStartPictureInPicture ${JSON.stringify(\n        event.nativeEvent\n      )}`\n    );\n    const { onStoryBlockDidStartPictureInPicture } = props;\n\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockDidStartPictureInPicture) {\n      if (name) {\n        if (reason) {\n          onStoryBlockDidStartPictureInPicture({ name, reason });\n        } else {\n          onStoryBlockDidStartPictureInPicture({ name });\n        }\n      } else {\n        onStoryBlockDidStartPictureInPicture();\n      }\n    }\n  };\n\n  const handleStoryBlockDidStopPictureInPicture = (\n    event: NativeSyntheticEvent<any>\n  ) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockDidStopPictureInPicture ${JSON.stringify(\n        event.nativeEvent\n      )}`\n    );\n    const { onStoryBlockDidStopPictureInPicture } = props;\n\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockDidStopPictureInPicture) {\n      if (name) {\n        if (reason) {\n          onStoryBlockDidStopPictureInPicture({ name, reason });\n        } else {\n          onStoryBlockDidStopPictureInPicture({ name });\n        }\n      } else {\n        onStoryBlockDidStopPictureInPicture();\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 generateButtonInfoString = (buttonInfo?: ButtonInfo) => {\n    return `imageName:${buttonInfo?.imageName}_systemImageName:${buttonInfo?.systemImageName}_tintColor:${buttonInfo?.tintColor}`;\n  };\n\n  const getStoryBlockConfiguration: () =>\n    | StoryBlockNativeConfiguration\n    | undefined = () => {\n    const { storyBlockConfiguration, enablePictureInPicture } = props;\n    let resultStoryBlockConfiguration:\n      | StoryBlockNativeConfiguration\n      | undefined = storyBlockConfiguration;\n    if (typeof enablePictureInPicture === 'boolean') {\n      if (!resultStoryBlockConfiguration) {\n        resultStoryBlockConfiguration = {};\n      }\n      resultStoryBlockConfiguration = {\n        ...resultStoryBlockConfiguration,\n        enablePictureInPicture,\n      };\n    }\n    return resultStoryBlockConfiguration;\n  };\n  const storyBlockConfiguration = getStoryBlockConfiguration();\n\n  const generateKey = (): string => {\n    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL;\n    const appLanguage = FireworkSDK.getInstance().appLanguage;\n    const videoLaunchBehavior = FireworkSDK.getInstance().videoLaunchBehavior;\n    const adBadgeConfiguration = FireworkSDK.getInstance().adBadgeConfiguration;\n    const adBadgeTextType = adBadgeConfiguration?.badgeTextType;\n    const backgroundColorOfAdBadge = adBadgeConfiguration?.backgroundColor;\n    const textColorOfAdBadge = adBadgeConfiguration?.textColor;\n    const androidFontIsCustomOfAdBadge =\n      adBadgeConfiguration?.androidFontInfo?.isCustom;\n    const androidFontTypefaceNameOfAdBadge =\n      adBadgeConfiguration?.androidFontInfo?.typefaceName;\n\n    const {\n      source,\n      channel,\n      playlist,\n      hashtagFilterExpression,\n      productIds,\n      contentId,\n      enablePictureInPicture,\n      cornerRadius,\n      adConfiguration,\n    } = props;\n    const dynamicContentParametersString =\n      generateDynamicContentParametersString();\n\n    const playerStyle = storyBlockConfiguration?.playerStyle;\n    const videoCompleteAction = storyBlockConfiguration?.videoCompleteAction;\n    const showShareButton = storyBlockConfiguration?.showShareButton;\n    const showPlaybackButton = storyBlockConfiguration?.showPlaybackButton;\n    const showMuteButton = storyBlockConfiguration?.showMuteButton;\n    const showBranding = storyBlockConfiguration?.showBranding;\n    const ctaDelayType = storyBlockConfiguration?.ctaDelay?.type;\n    const ctaDelayValue = storyBlockConfiguration?.ctaDelay?.value?.toFixed(5);\n    const ctaHighlightDelayType =\n      storyBlockConfiguration?.ctaHighlightDelay?.type;\n    const ctaHighlightDelayValue =\n      storyBlockConfiguration?.ctaHighlightDelay?.value?.toFixed(5);\n    const shareBaseURL = storyBlockConfiguration?.shareBaseURL;\n    const buttonConfiguration = storyBlockConfiguration?.buttonConfiguration;\n    const ctaWidth = storyBlockConfiguration?.ctaWidth;\n    const showVideoDetailTitle = storyBlockConfiguration?.showVideoDetailTitle;\n\n    const requiresAds = adConfiguration?.requiresAds;\n    const adsFetchTimeout = adConfiguration?.adsFetchTimeout;\n    const vastAttributesString = generateVastAttributesString();\n    const productInfoViewConfigurationJsonKey = gennerateJsonKey(\n      FireworkSDK.getInstance().shopping.productInfoViewConfiguration\n    );\n\n    let key = `gShareBaseURL:${gShareBaseURL}`;\n    if (Platform.OS === 'ios') {\n      key += `_appLanguage:${appLanguage}`;\n    }\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    if (Platform.OS === 'android') {\n      key += `_androidFontIsCustomOfAdBadge${androidFontIsCustomOfAdBadge}`;\n      key += `_androidFontTypefaceNameOfAdBadge${androidFontTypefaceNameOfAdBadge}`;\n    }\n\n    key += `_source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;\n    key += `productIds:${productIds?.join(',')}`;\n    key += `_contentId:${contentId}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_cornerRadius:${cornerRadius}`;\n\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_playerStyle:${playerStyle}`;\n    key += `_videoCompleteAction:${videoCompleteAction}`;\n    key += `_showShareButton:${showShareButton}`;\n    key += `_showPlaybackButton:${showPlaybackButton}`;\n    key += `_showMuteButton:${showMuteButton}`;\n    key += `_showBranding:${showBranding}`;\n    key += `_ctaDelayType:${ctaDelayType}`;\n    key += `_ctaDelayValue:${ctaDelayValue}`;\n    key += `_ctaHighlightDelayType:${ctaHighlightDelayType}`;\n    key += `_ctaHighlightDelayValue:${ctaHighlightDelayValue}`;\n    key += `_ctaWidth:${ctaWidth}`;\n    key += `_buttonConfiguration.videoDetailButton:${generateButtonInfoString(\n      buttonConfiguration?.videoDetailButton\n    )}`;\n    key += `_buttonConfiguration.closeButton:${generateButtonInfoString(\n      buttonConfiguration?.closeButton\n    )}`;\n    key += `_buttonConfiguration.muteButton:${generateButtonInfoString(\n      buttonConfiguration?.muteButton\n    )}`;\n    key += `_buttonConfiguration.unmuteButton:${generateButtonInfoString(\n      buttonConfiguration?.unmuteButton\n    )}`;\n    key += `_buttonConfiguration.playButton:${generateButtonInfoString(\n      buttonConfiguration?.playButton\n    )}`;\n    key += `_buttonConfiguration.pauseButton:${generateButtonInfoString(\n      buttonConfiguration?.pauseButton\n    )}`;\n    key += `_showVideoDetailTitle:${showVideoDetailTitle}`;\n\n    key += `_requiresAds:${requiresAds}`;\n    key += `_adsFetchTimeout:${adsFetchTimeout}`;\n    key += `_vastAttributes:${vastAttributesString}`;\n    key += `_productInfoViewConfigurationJsonKey:${productInfoViewConfigurationJsonKey}`;\n\n    return key;\n  };\n\n  const key = generateKey();\n\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        openFullscreen: () => {\n          sendCommand('openFullscreen');\n        },\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    const subscriptionOfProductInfoViewConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ProductInfoViewConfigurationUpdated,\n        () => {\n          FWLoggerUtil.log(\n            'Receive FWEventName.ProductInfoViewConfigurationUpdated'\n          );\n          forceUpdate();\n        }\n      );\n\n    return () => {\n      subscriptionOfShareBaseURLUpdated.remove();\n      subscriptionOfAdBadgeConfigurationUpdated.remove();\n      subscriptionOfVideoLaunchBehaviorUpdated.remove();\n      subscriptionOfAppLanguageUpdated.remove();\n      subscriptionOfProductInfoViewConfigurationUpdated.remove();\n    };\n  }, []);\n\n  useEffect(() => {\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  }, [key]);\n\n  useEffect(() => {\n    FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n      setSdkInitCalled(true);\n    });\n  }, []);\n\n  if (!sdkInitCalled) {\n    return null;\n  }\n  const { style, cornerRadius, ...otherProps } = props;\n  return (\n    <FWStoryBlock\n      ref={nativeComponentRef}\n      key={key}\n      {...otherProps}\n      cornerRadius={cornerRadius}\n      style={Object.assign({ borderRadius: cornerRadius }, style)}\n      storyBlockConfiguration={storyBlockConfiguration}\n      enablePictureInPicture={undefined}\n      onStoryBlockLoadFinished={handleStoryBlockLoadFinished}\n      onStoryBlockEmpty={handleStoryBlockEmpty}\n      onStoryBlockDidStartPictureInPicture={\n        handleStoryBlockDidStartPictureInPicture\n      }\n      onStoryBlockDidStopPictureInPicture={\n        handleStoryBlockDidStopPictureInPicture\n      }\n    />\n  );\n};\n\nexport default forwardRef(StoryBlock);\n"]}
+{"version":3,"sources":["StoryBlock.tsx"],"names":["NativeComponentName","StoryBlock","props","forwardedRef","nativeComponentRef","sdkInitCalled","setSdkInitCalled","FWGlobalState","getInstance","loadedRef","forceUpdate","x","handleStoryBlockLoadFinished","event","FWLoggerUtil","log","nativeEvent","name","onStoryBlockLoadFinished","onStoryBlockEmpty","reason","error","current","handleStoryBlockEmpty","handleStoryBlockDidStartPictureInPicture","JSON","stringify","onStoryBlockDidStartPictureInPicture","handleStoryBlockDidStopPictureInPicture","onStoryBlockDidStopPictureInPicture","handleStoryBlockGetFeedId","onStoryBlockGetFeedId","feedId","generateDynamicContentParametersString","dynamicContentParameters","resultString","sortedKeyList","Object","keys","sort","key","value","valueString","join","length","generateVastAttributesString","adConfiguration","vastAttributes","attribute","generateButtonInfoString","buttonInfo","imageName","systemImageName","tintColor","getStoryBlockConfiguration","storyBlockConfiguration","enablePictureInPicture","resultStoryBlockConfiguration","generateKey","gShareBaseURL","FireworkSDK","shareBaseURL","appLanguage","videoLaunchBehavior","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","androidFontIsCustomOfAdBadge","androidFontInfo","isCustom","androidFontTypefaceNameOfAdBadge","typefaceName","source","channel","playlist","hashtagFilterExpression","productIds","contentId","cornerRadius","dynamicContentParametersString","playerStyle","videoCompleteAction","showShareButton","showPlaybackButton","showMuteButton","showBranding","ctaDelayType","ctaDelay","type","ctaDelayValue","toFixed","ctaHighlightDelayType","ctaHighlightDelay","ctaHighlightDelayValue","buttonConfiguration","videoPlayerLogoConfigurationJsonKey","videoPlayerLogoConfiguration","ctaWidth","showVideoDetailTitle","requiresAds","adsFetchTimeout","vastAttributesString","productInfoViewConfigurationJsonKey","shopping","productInfoViewConfiguration","replayBadgeConfigurationJsonKey","replayBadgeConfiguration","countdownTimerConfigurationJsonKey","countdownTimerConfiguration","Platform","OS","videoDetailButton","closeButton","muteButton","unmuteButton","playButton","pauseButton","console","sendCommand","command","nativeNodeHandle","commandId","UIManager","getViewManagerConfig","Commands","toString","reactTag","dispatchViewManagerCommand","play","pause","openFullscreen","onViewportEntered","onViewportLeft","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","subscriptionOfAppLanguageUpdated","AppLanguageUpdated","subscriptionOfProductInfoViewConfigurationUpdated","ProductInfoViewConfigurationUpdated","remove","setTimeout","viewId","create","sdkInitCalledPromise","then","style","otherProps","assign","borderRadius","undefined"],"mappings":";;;;;;;AACA;;AASA;;AASA;;AAGA;;AAIA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,mBAAmB,GAAG,cAA5B;;AAgHA,MAAMC,UAGL,GAAG,CAACC,KAAD,EAA0BC,YAA1B,KAA2C;AAC7C,QAAMC,kBAAkB,GAAG,mBAAO,IAAP,CAA3B;AACA,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoC,qBACxCC,uBAAcC,WAAd,GAA4BH,aADY,CAA1C;AAGA,QAAMI,SAAS,GAAG,mBAAgB,KAAhB,CAAlB;AACA,QAAM,GAAGC,WAAH,IAAkB,uBAAYC,CAAD,IAAOA,CAAC,GAAG,CAAtB,EAAyB,CAAzB,CAAxB;;AAEA,QAAMC,4BAA4B,GAAIC,KAAD,IAAsC;AACzEC,0BAAaC,GAAb,CACG,2CAA0CF,KAAK,CAACG,WAAN,CAAkBC,IAAK,EADpE;;AAIA,UAAM;AAAEC,MAAAA,wBAAF;AAA4BC,MAAAA;AAA5B,QAAkDjB,KAAxD;AACA,UAAM;AAAEe,MAAAA,IAAF;AAAQG,MAAAA;AAAR,QAAmBP,KAAK,CAACG,WAA/B;;AAEA,QAAIE,wBAAJ,EAA8B;AAC5B,UAAID,IAAJ,EAAU;AACR,YAAII,KAAc,GAAG;AAAEJ,UAAAA;AAAF,SAArB;;AACA,YAAIG,MAAJ,EAAY;AACVC,UAAAA,KAAK,CAACD,MAAN,GAAeA,MAAf;AACD;;AAEDF,QAAAA,wBAAwB,CAACG,KAAD,CAAxB;;AACA,YAAI,CAACZ,SAAS,CAACa,OAAf,EAAwB;AACtBH,UAAAA,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,YAAAA,iBAAiB,CAAGE,KAAH,CAAjB;AACD;AACF,OAVD,MAUO;AACLH,QAAAA,wBAAwB;AACxBT,QAAAA,SAAS,CAACa,OAAV,GAAoB,IAApB;AACD;AACF;AACF,GAxBD;;AA0BA,QAAMC,qBAAqB,GAAIV,KAAD,IAAsC;AAClEC,0BAAaC,GAAb,CAAkB,oCAAmCF,KAAK,CAACG,WAAY,EAAvE;;AAEA,UAAM;AAAEG,MAAAA;AAAF,QAAwBjB,KAA9B;;AAEA,QAAIiB,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB;AAClB;AACF,GARD;;AAUA,QAAMK,wCAAwC,GAC5CX,KAD+C,IAE5C;AACHC,0BAAaC,GAAb,CACG,uDAAsDU,IAAI,CAACC,SAAL,CACrDb,KAAK,CAACG,WAD+C,CAErD,EAHJ;;AAKA,UAAM;AAAEW,MAAAA;AAAF,QAA2CzB,KAAjD;AAEA,UAAM;AAAEe,MAAAA,IAAF;AAAQG,MAAAA;AAAR,QAAmBP,KAAK,CAACG,WAA/B;;AAEA,QAAIW,oCAAJ,EAA0C;AACxC,UAAIV,IAAJ,EAAU;AACR,YAAIG,MAAJ,EAAY;AACVO,UAAAA,oCAAoC,CAAC;AAAEV,YAAAA,IAAF;AAAQG,YAAAA;AAAR,WAAD,CAApC;AACD,SAFD,MAEO;AACLO,UAAAA,oCAAoC,CAAC;AAAEV,YAAAA;AAAF,WAAD,CAApC;AACD;AACF,OAND,MAMO;AACLU,QAAAA,oCAAoC;AACrC;AACF;AACF,GAvBD;;AAyBA,QAAMC,uCAAuC,GAC3Cf,KAD8C,IAE3C;AACHC,0BAAaC,GAAb,CACG,sDAAqDU,IAAI,CAACC,SAAL,CACpDb,KAAK,CAACG,WAD8C,CAEpD,EAHJ;;AAKA,UAAM;AAAEa,MAAAA;AAAF,QAA0C3B,KAAhD;AAEA,UAAM;AAAEe,MAAAA,IAAF;AAAQG,MAAAA;AAAR,QAAmBP,KAAK,CAACG,WAA/B;;AAEA,QAAIa,mCAAJ,EAAyC;AACvC,UAAIZ,IAAJ,EAAU;AACR,YAAIG,MAAJ,EAAY;AACVS,UAAAA,mCAAmC,CAAC;AAAEZ,YAAAA,IAAF;AAAQG,YAAAA;AAAR,WAAD,CAAnC;AACD,SAFD,MAEO;AACLS,UAAAA,mCAAmC,CAAC;AAAEZ,YAAAA;AAAF,WAAD,CAAnC;AACD;AACF,OAND,MAMO;AACLY,QAAAA,mCAAmC;AACpC;AACF;AACF,GAvBD;;AAyBA,QAAMC,yBAAyB,GAAIjB,KAAD,IAAsC;AACtEC,0BAAaC,GAAb,CACG,wCAAuCU,IAAI,CAACC,SAAL,CACtCb,KAAK,CAACG,WADgC,CAEtC,EAHJ;;AAKA,UAAM;AAAEe,MAAAA;AAAF,QAA4B7B,KAAlC;AAEA,UAAM;AAAE8B,MAAAA;AAAF,QAAanB,KAAK,CAACG,WAAzB;;AAEA,QAAIe,qBAAJ,EAA2B;AACzBA,MAAAA,qBAAqB,CAACC,MAAD,aAACA,MAAD,cAACA,MAAD,GAAW,EAAX,CAArB;AACD;AACF,GAbD;;AAeA,QAAMC,sCAAsC,GAAG,MAAc;AAC3D,UAAM;AAAEC,MAAAA;AAAF,QAA+BhC,KAArC;;AAEA,QAAI,CAACgC,wBAAL,EAA+B;AAC7B,aAAO,EAAP;AACD;;AAED,QAAIC,YAAY,GAAG,EAAnB;AACA,UAAMC,aAAa,GAAGC,MAAM,CAACC,IAAP,CAAYJ,wBAAZ,EAAsCK,IAAtC,EAAtB;;AACA,SAAK,MAAMC,GAAX,IAAkBJ,aAAlB,EAAiC;AAC/B,YAAMK,KAAK,GAAGP,wBAAwB,CAACM,GAAD,CAAtC;AACA,YAAME,WAAW,GAAGD,KAAK,CAACE,IAAN,CAAW,GAAX,CAApB;;AACA,UAAIR,YAAY,CAACS,MAAb,GAAsB,CAA1B,EAA6B;AAC3BT,QAAAA,YAAY,IAAI,GAAhB;AACD;;AAEDA,MAAAA,YAAY,IAAK,GAAEK,GAAI,IAAGE,WAAY,EAAtC;AACD;;AAED,WAAOP,YAAP;AACD,GApBD;;AAsBA,QAAMU,4BAA4B,GAAG,MAAM;AACzC,UAAM;AAAEC,MAAAA;AAAF,QAAsB5C,KAA5B;AACA,UAAM6C,cAAc,GAAGD,eAAH,aAAGA,eAAH,uBAAGA,eAAe,CAAEC,cAAxC;;AACA,QAAI,CAACA,cAAL,EAAqB;AACnB,aAAO,EAAP;AACD;;AAED,QAAIZ,YAAY,GAAG,EAAnB;;AACA,SAAK,MAAMa,SAAX,IAAwBD,cAAxB,EAAwC;AAAA;;AACtC,UAAIZ,YAAY,CAACS,MAAb,GAAsB,CAA1B,EAA6B;AAC3BT,QAAAA,YAAY,IAAI,GAAhB;AACD;;AACDA,MAAAA,YAAY,IAAK,GAAD,mBAAGa,SAAS,CAAC/B,IAAb,6DAAqB,EAAG,IAAG+B,SAAS,CAACP,KAAM,EAA3D;AACD;;AAED,WAAON,YAAP;AACD,GAhBD;;AAkBA,QAAMc,wBAAwB,GAAIC,UAAD,IAA6B;AAC5D,WAAQ,aAAYA,UAAb,aAAaA,UAAb,uBAAaA,UAAU,CAAEC,SAAU,oBAAmBD,UAAtD,aAAsDA,UAAtD,uBAAsDA,UAAU,CAAEE,eAAgB,cAAaF,UAA/F,aAA+FA,UAA/F,uBAA+FA,UAAU,CAAEG,SAAU,EAA5H;AACD,GAFD;;AAIA,QAAMC,0BAEO,GAAG,MAAM;AACpB,UAAM;AAAEC,MAAAA,uBAAF;AAA2BC,MAAAA;AAA3B,QAAsDtD,KAA5D;AACA,QAAIuD,6BAES,GAAGF,uBAFhB;;AAGA,QAAI,OAAOC,sBAAP,KAAkC,SAAtC,EAAiD;AAC/C,UAAI,CAACC,6BAAL,EAAoC;AAClCA,QAAAA,6BAA6B,GAAG,EAAhC;AACD;;AACDA,MAAAA,6BAA6B,GAAG,EAC9B,GAAGA,6BAD2B;AAE9BD,QAAAA;AAF8B,OAAhC;AAID;;AACD,WAAOC,6BAAP;AACD,GAjBD;;AAkBA,QAAMF,uBAAuB,GAAGD,0BAA0B,EAA1D;;AAEA,QAAMI,WAAW,GAAG,MAAc;AAAA;;AAChC,UAAMC,aAAa,GAAGC,qBAAYpD,WAAZ,GAA0BqD,YAAhD;;AACA,UAAMC,WAAW,GAAGF,qBAAYpD,WAAZ,GAA0BsD,WAA9C;;AACA,UAAMC,mBAAmB,GAAGH,qBAAYpD,WAAZ,GAA0BuD,mBAAtD;;AACA,UAAMC,oBAAoB,GAAGJ,qBAAYpD,WAAZ,GAA0BwD,oBAAvD;;AACA,UAAMC,eAAe,GAAGD,oBAAH,aAAGA,oBAAH,uBAAGA,oBAAoB,CAAEE,aAA9C;AACA,UAAMC,wBAAwB,GAAGH,oBAAH,aAAGA,oBAAH,uBAAGA,oBAAoB,CAAEI,eAAvD;AACA,UAAMC,kBAAkB,GAAGL,oBAAH,aAAGA,oBAAH,uBAAGA,oBAAoB,CAAEM,SAAjD;AACA,UAAMC,4BAA4B,GAChCP,oBADgC,aAChCA,oBADgC,gDAChCA,oBAAoB,CAAEQ,eADU,0DAChC,sBAAuCC,QADzC;AAEA,UAAMC,gCAAgC,GACpCV,oBADoC,aACpCA,oBADoC,iDACpCA,oBAAoB,CAAEQ,eADc,2DACpC,uBAAuCG,YADzC;AAGA,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAFI;AAGJC,MAAAA,QAHI;AAIJC,MAAAA,uBAJI;AAKJC,MAAAA,UALI;AAMJC,MAAAA,SANI;AAOJzB,MAAAA,sBAPI;AAQJ0B,MAAAA,YARI;AASJpC,MAAAA;AATI,QAUF5C,KAVJ;AAWA,UAAMiF,8BAA8B,GAClClD,sCAAsC,EADxC;AAGA,UAAMmD,WAAW,GAAG7B,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAE6B,WAA7C;AACA,UAAMC,mBAAmB,GAAG9B,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAE8B,mBAArD;AACA,UAAMC,eAAe,GAAG/B,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAE+B,eAAjD;AACA,UAAMC,kBAAkB,GAAGhC,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAEgC,kBAApD;AACA,UAAMC,cAAc,GAAGjC,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAEiC,cAAhD;AACA,UAAMC,YAAY,GAAGlC,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAEkC,YAA9C;AACA,UAAMC,YAAY,GAAGnC,uBAAH,aAAGA,uBAAH,gDAAGA,uBAAuB,CAAEoC,QAA5B,0DAAG,sBAAmCC,IAAxD;AACA,UAAMC,aAAa,GAAGtC,uBAAH,aAAGA,uBAAH,iDAAGA,uBAAuB,CAAEoC,QAA5B,qFAAG,uBAAmClD,KAAtC,2DAAG,uBAA0CqD,OAA1C,CAAkD,CAAlD,CAAtB;AACA,UAAMC,qBAAqB,GACzBxC,uBADyB,aACzBA,uBADyB,iDACzBA,uBAAuB,CAAEyC,iBADA,2DACzB,uBAA4CJ,IAD9C;AAEA,UAAMK,sBAAsB,GAC1B1C,uBAD0B,aAC1BA,uBAD0B,iDAC1BA,uBAAuB,CAAEyC,iBADC,qFAC1B,uBAA4CvD,KADlB,2DAC1B,uBAAmDqD,OAAnD,CAA2D,CAA3D,CADF;AAEA,UAAMjC,YAAY,GAAGN,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAEM,YAA9C;AACA,UAAMqC,mBAAmB,GAAG3C,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAE2C,mBAArD;AACA,UAAMC,mCAAmC,GAAG,yBAC1C5C,uBAD0C,aAC1CA,uBAD0C,uBAC1CA,uBAAuB,CAAE6C,4BADiB,CAA5C;AAGA,UAAMC,QAAQ,GAAG9C,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAE8C,QAA1C;AACA,UAAMC,oBAAoB,GAAG/C,uBAAH,aAAGA,uBAAH,uBAAGA,uBAAuB,CAAE+C,oBAAtD;AAEA,UAAMC,WAAW,GAAGzD,eAAH,aAAGA,eAAH,uBAAGA,eAAe,CAAEyD,WAArC;AACA,UAAMC,eAAe,GAAG1D,eAAH,aAAGA,eAAH,uBAAGA,eAAe,CAAE0D,eAAzC;AACA,UAAMC,oBAAoB,GAAG5D,4BAA4B,EAAzD;AACA,UAAM6D,mCAAmC,GAAG,yBAC1C9C,qBAAYpD,WAAZ,GAA0BmG,QAA1B,CAAmCC,4BADO,CAA5C;AAGA,UAAMC,+BAA+B,GAAG,yBACtCtD,uBADsC,aACtCA,uBADsC,uBACtCA,uBAAuB,CAAEuD,wBADa,CAAxC;AAGA,UAAMC,kCAAkC,GAAG,yBACzCxD,uBADyC,aACzCA,uBADyC,uBACzCA,uBAAuB,CAAEyD,2BADgB,CAA3C;AAIA,QAAIxE,GAAG,GAAI,iBAAgBmB,aAAc,EAAzC;;AACA,QAAIsD,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB1E,MAAAA,GAAG,IAAK,gBAAesB,WAAY,EAAnC;AACD;;AACDtB,IAAAA,GAAG,IAAK,wBAAuBuB,mBAAoB,EAAnD;AACAvB,IAAAA,GAAG,IAAK,oBAAmByB,eAAgB,EAA3C;AACAzB,IAAAA,GAAG,IAAK,6BAA4B2B,wBAAyB,EAA7D;AACA3B,IAAAA,GAAG,IAAK,uBAAsB6B,kBAAmB,EAAjD;;AACA,QAAI4C,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7B1E,MAAAA,GAAG,IAAK,gCAA+B+B,4BAA6B,EAApE;AACA/B,MAAAA,GAAG,IAAK,oCAAmCkC,gCAAiC,EAA5E;AACD;;AAEDlC,IAAAA,GAAG,IAAK,WAAUoC,MAAO,EAAzB;AACApC,IAAAA,GAAG,IAAK,YAAWqC,OAAQ,EAA3B;AACArC,IAAAA,GAAG,IAAK,aAAYsC,QAAS,EAA7B;AACAtC,IAAAA,GAAG,IAAK,6BAA4B2C,8BAA+B,EAAnE;AACA3C,IAAAA,GAAG,IAAK,4BAA2BuC,uBAAwB,EAA3D;AACAvC,IAAAA,GAAG,IAAK,cAAawC,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAErC,IAAZ,CAAiB,GAAjB,CAAsB,EAA3C;AACAH,IAAAA,GAAG,IAAK,cAAayC,SAAU,EAA/B;AACAzC,IAAAA,GAAG,IAAK,2BAA0BgB,sBAAuB,EAAzD;AACAhB,IAAAA,GAAG,IAAK,iBAAgB0C,YAAa,EAArC;AAEA1C,IAAAA,GAAG,IAAK,iBAAgBqB,YAAa,EAArC;AACArB,IAAAA,GAAG,IAAK,gBAAe4C,WAAY,EAAnC;AACA5C,IAAAA,GAAG,IAAK,wBAAuB6C,mBAAoB,EAAnD;AACA7C,IAAAA,GAAG,IAAK,oBAAmB8C,eAAgB,EAA3C;AACA9C,IAAAA,GAAG,IAAK,uBAAsB+C,kBAAmB,EAAjD;AACA/C,IAAAA,GAAG,IAAK,mBAAkBgD,cAAe,EAAzC;AACAhD,IAAAA,GAAG,IAAK,iBAAgBiD,YAAa,EAArC;AACAjD,IAAAA,GAAG,IAAK,iBAAgBkD,YAAa,EAArC;AACAlD,IAAAA,GAAG,IAAK,kBAAiBqD,aAAc,EAAvC;AACArD,IAAAA,GAAG,IAAK,0BAAyBuD,qBAAsB,EAAvD;AACAvD,IAAAA,GAAG,IAAK,2BAA0ByD,sBAAuB,EAAzD;AACAzD,IAAAA,GAAG,IAAK,aAAY6D,QAAS,EAA7B;AACA7D,IAAAA,GAAG,IAAK,0CAAyCS,wBAAwB,CACvEiD,mBADuE,aACvEA,mBADuE,uBACvEA,mBAAmB,CAAEiB,iBADkD,CAEvE,EAFF;AAGA3E,IAAAA,GAAG,IAAK,oCAAmCS,wBAAwB,CACjEiD,mBADiE,aACjEA,mBADiE,uBACjEA,mBAAmB,CAAEkB,WAD4C,CAEjE,EAFF;AAGA5E,IAAAA,GAAG,IAAK,mCAAkCS,wBAAwB,CAChEiD,mBADgE,aAChEA,mBADgE,uBAChEA,mBAAmB,CAAEmB,UAD2C,CAEhE,EAFF;AAGA7E,IAAAA,GAAG,IAAK,qCAAoCS,wBAAwB,CAClEiD,mBADkE,aAClEA,mBADkE,uBAClEA,mBAAmB,CAAEoB,YAD6C,CAElE,EAFF;AAGA9E,IAAAA,GAAG,IAAK,mCAAkCS,wBAAwB,CAChEiD,mBADgE,aAChEA,mBADgE,uBAChEA,mBAAmB,CAAEqB,UAD2C,CAEhE,EAFF;AAGA/E,IAAAA,GAAG,IAAK,oCAAmCS,wBAAwB,CACjEiD,mBADiE,aACjEA,mBADiE,uBACjEA,mBAAmB,CAAEsB,WAD4C,CAEjE,EAFF;;AAGA,QAAIP,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7B1E,MAAAA,GAAG,IAAK,iCAAgC2D,mCAAoC,EAA5E;AACD;;AACD3D,IAAAA,GAAG,IAAK,yBAAwB8D,oBAAqB,EAArD;AAEA9D,IAAAA,GAAG,IAAK,gBAAe+D,WAAY,EAAnC;AACA/D,IAAAA,GAAG,IAAK,oBAAmBgE,eAAgB,EAA3C;AACAhE,IAAAA,GAAG,IAAK,mBAAkBiE,oBAAqB,EAA/C;AACAjE,IAAAA,GAAG,IAAK,iCAAgCkE,mCAAoC,EAA5E;AACAlE,IAAAA,GAAG,IAAK,6BAA4BqE,+BAAgC,EAApE;AACArE,IAAAA,GAAG,IAAK,gCAA+BuE,kCAAmC,EAA1E;AAEA,WAAOvE,GAAP;AACD,GA9HD;;AAgIA,QAAMA,GAAG,GAAGkB,WAAW,EAAvB;AAEA+D,EAAAA,OAAO,CAAC1G,GAAR,CAAY,iBAAZ,EAA+ByB,GAA/B;AAEA,kCACErC,YADF,EAEE,MAAM;AACJ,UAAMuH,WAAW,GAAIC,OAAD,IAAqB;AACvC,YAAMC,gBAAgB,GAAG,iCAAexH,kBAAkB,CAACkB,OAAlC,CAAzB;;AAEA,UAAIuG,SAA0B,GAC5BC,uBAAUC,oBAAV,CAA+B/H,mBAA/B,EAAoDgI,QAApD,CAA6DL,OAA7D,CADF;;AAEA,UAAIV,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7BW,QAAAA,SAAS,GAAGA,SAAS,CAACI,QAAV,EAAZ;AACD;;AACD,UAAIC,QAAuB,GAAG,iCAAeN,gBAAf,CAA9B;;AACA9G,4BAAaC,GAAb,CACG,2BAA0B4G,OAAQ,eAAcE,SAAU,sBAAqBD,gBAAiB,cAAaM,QAAS,EADzH;;AAGA,UAAI,CAACN,gBAAD,IAAqB,CAACM,QAA1B,EAAoC;AAClC;AACD;;AACDJ,6BAAUK,0BAAV,CAAqCD,QAArC,EAA+CL,SAA/C,EAA0D,EAA1D;AACD,KAhBD;;AAiBA,WAAO;AACLO,MAAAA,IAAI,EAAE,MAAM;AACVV,QAAAA,WAAW,CAAC,MAAD,CAAX;AACD,OAHI;AAILW,MAAAA,KAAK,EAAE,MAAM;AACXX,QAAAA,WAAW,CAAC,OAAD,CAAX;AACD,OANI;AAOLY,MAAAA,cAAc,EAAE,MAAM;AACpBZ,QAAAA,WAAW,CAAC,gBAAD,CAAX;AACD,OATI;AAULa,MAAAA,iBAAiB,EAAE,MAAM;AACvB,YAAItB,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB;AACD;;AACDQ,QAAAA,WAAW,CAAC,mBAAD,CAAX;AACD,OAfI;AAgBLc,MAAAA,cAAc,EAAE,MAAM;AACpB,YAAIvB,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB;AACD;;AACDQ,QAAAA,WAAW,CAAC,gBAAD,CAAX;AACD;AArBI,KAAP;AAuBD,GA3CH,EA4CE,EA5CF;AA+CA,wBAAU,MAAM;AACd,UAAMe,iCAAiC,GACrCC,iDAA8BC,WAA9B,CACEC,yBAAYC,mBADd,EAEE,MAAM;AACJ/H,4BAAaC,GAAb,CAAiB,yCAAjB;;AACAL,MAAAA,WAAW;AACZ,KALH,CADF;;AAQA,UAAMoI,yCAAyC,GAC7CJ,iDAA8BC,WAA9B,CACEC,yBAAYG,2BADd,EAEE,MAAM;AACJjI,4BAAaC,GAAb,CAAiB,iDAAjB;;AACAL,MAAAA,WAAW;AACZ,KALH,CADF;;AASA,UAAMsI,wCAAwC,GAC5CN,iDAA8BC,WAA9B,CACEC,yBAAYK,0BADd,EAEE,MAAM;AACJnI,4BAAaC,GAAb,CAAiB,gDAAjB;;AACAL,MAAAA,WAAW;AACZ,KALH,CADF;;AASA,UAAMwI,gCAAgC,GACpCR,iDAA8BC,WAA9B,CACEC,yBAAYO,kBADd,EAEE,MAAM;AACJrI,4BAAaC,GAAb,CAAiB,wCAAjB;;AACAL,MAAAA,WAAW;AACZ,KALH,CADF;;AASA,UAAM0I,iDAAiD,GACrDV,iDAA8BC,WAA9B,CACEC,yBAAYS,mCADd,EAEE,MAAM;AACJvI,4BAAaC,GAAb,CACE,yDADF;;AAGAL,MAAAA,WAAW;AACZ,KAPH,CADF;;AAWA,WAAO,MAAM;AACX+H,MAAAA,iCAAiC,CAACa,MAAlC;AACAR,MAAAA,yCAAyC,CAACQ,MAA1C;AACAN,MAAAA,wCAAwC,CAACM,MAAzC;AACAJ,MAAAA,gCAAgC,CAACI,MAAjC;AACAF,MAAAA,iDAAiD,CAACE,MAAlD;AACD,KAND;AAOD,GAtDD,EAsDG,EAtDH;AAwDA,wBAAU,MAAM;AACd,QAAIrC,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7BqC,MAAAA,UAAU,CAAC,MAAM;AACf,cAAMC,MAAM,GAAG,iCAAepJ,kBAAkB,CAACkB,OAAlC,CAAf;;AACAR,8BAAaC,GAAb,CAAkB,qCAAoCyI,MAAO,EAA7D;;AACA,YAAI,CAACA,MAAL,EAAa;AACX;AACD;;AACD1B,+BAAUK,0BAAV,CACEqB,MADF,EAEE1B,uBAAUC,oBAAV,CACE/H,mBADF,EAEEgI,QAFF,CAEWyB,MAFX,CAEkBxB,QAFlB,EAFF,EAKE,CAACuB,MAAD,CALF;AAOD,OAbS,EAaP,GAbO,CAAV;AAcD;AACF,GAjBD,EAiBG,CAAChH,GAAD,CAjBH;AAmBA,wBAAU,MAAM;AACdjC,2BAAcC,WAAd,GAA4BkJ,oBAA5B,CAAiDC,IAAjD,CAAsD,MAAM;AAC1DrJ,MAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACD,KAFD;AAGD,GAJD,EAIG,EAJH;;AAMA,MAAI,CAACD,aAAL,EAAoB;AAClB,WAAO,IAAP;AACD;;AACD,QAAM;AAAEuJ,IAAAA,KAAF;AAAS1E,IAAAA,YAAT;AAAuB,OAAG2E;AAA1B,MAAyC3J,KAA/C;AACA,sBACE,6BAAC,qBAAD;AACE,IAAA,GAAG,EAAEE,kBADP;AAEE,IAAA,GAAG,EAAEoC;AAFP,KAGMqH,UAHN;AAIE,IAAA,YAAY,EAAE3E,YAJhB;AAKE,IAAA,KAAK,EAAE7C,MAAM,CAACyH,MAAP,CAAc;AAAEC,MAAAA,YAAY,EAAE7E;AAAhB,KAAd,EAA8C0E,KAA9C,CALT;AAME,IAAA,uBAAuB,EAAErG,uBAN3B;AAOE,IAAA,sBAAsB,EAAEyG,SAP1B;AAQE,IAAA,wBAAwB,EAAEpJ,4BAR5B;AASE,IAAA,iBAAiB,EAAEW,qBATrB;AAUE,IAAA,oCAAoC,EAClCC,wCAXJ;AAaE,IAAA,mCAAmC,EACjCI,uCAdJ;AAgBE,IAAA,qBAAqB,EAAEE;AAhBzB,KADF;AAoBD,CA5cD;;4BA8ce,uBAAW7B,UAAX,C","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  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 { StoryBlockConfiguration } from '../models/StoryBlockConfiguration';\nimport type StoryBlockNativeConfiguration from '../models/StoryBlockNativeConfiguration';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWGlobalState from '../utils/FWGlobalState';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\nimport type ButtonInfo from '../models/ButtonInfo';\nimport gennerateJsonKey from '../utils/FWJsonUtil';\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   * Open the fullscreen story block.\n   * Only supported on Android.\n   */\n  openFullscreen: () => void;\n  /**\n   * Triggered when the story block enters the viewport.\n   * Only supported on iOS.\n   * It is recommended that the host app is triggered when listening for scrolling.\n   */\n  onViewportEntered: () => void;\n  /**\n   * Triggered when the story block leaves the viewport.\n   * Only supported on iOS.\n   * It is recommended that the host app is triggered when listening for scrolling.\n   */\n  onViewportLeft: () => 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   * Product ids used to generate the sku feed\n   */\n  productIds?: string[];\n  /**\n   * The video or live stream id.\n   */\n  contentId?: string;\n  /**\n   * Specifies if Picture in Picture is enabled. Only supported on iOS.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The corner radius of story block.\n   */\n  cornerRadius?: number;\n  /**\n   * Ad configuration of the feed.\n   */\n  adConfiguration?: AdConfiguration;\n\n  /* The configuration of the story block. */\n  storyBlockConfiguration?: StoryBlockConfiguration;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n  /**\n   * The callback is triggered when there are no items in the story block.\n   * The callback is triggered in the following cases:\n   *  1. Loading successfully but the back end returns an empty list.\n   *  2. The load failed and list is empty.\n   * onStoryBlockLoadFinished will also be triggered when onStoryBlockEmpty is triggered.\n   */\n  onStoryBlockEmpty?: (error?: FWError) => void;\n  /**\n   * Start Picture in Picture callback. Only supported on iOS.\n   */\n  onStoryBlockDidStartPictureInPicture?: (error?: FWError) => void;\n  /**\n   * Stop Picture in Picture callback. Only supported on iOS.\n   */\n  onStoryBlockDidStopPictureInPicture?: (error?: FWError) => void;\n  /**\n   *\n   * The host app could use this callback to get feed id.\n   * The feed id can be used for conversion tracking.\n   */\n  onStoryBlockGetFeedId?: (feedId: string) => void;\n}\n\nconst StoryBlock: ForwardRefRenderFunction<\n  IStoryBlockMethods,\n  IStoryBlockProps\n> = (props: IStoryBlockProps, forwardedRef) => {\n  const nativeComponentRef = useRef(null);\n  const [sdkInitCalled, setSdkInitCalled] = useState<boolean>(\n    FWGlobalState.getInstance().sdkInitCalled\n  );\n  const loadedRef = useRef<boolean>(false);\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  const handleStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished, onStoryBlockEmpty } = props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        let error: FWError = { name };\n        if (reason) {\n          error.reason = reason;\n        }\n\n        onStoryBlockLoadFinished(error);\n        if (!loadedRef.current) {\n          onStoryBlockEmpty?.(error);\n        }\n      } else {\n        onStoryBlockLoadFinished();\n        loadedRef.current = true;\n      }\n    }\n  };\n\n  const handleStoryBlockEmpty = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(`StoryBlock handleStoryBlockEmpty ${event.nativeEvent}`);\n\n    const { onStoryBlockEmpty } = props;\n\n    if (onStoryBlockEmpty) {\n      onStoryBlockEmpty();\n    }\n  };\n\n  const handleStoryBlockDidStartPictureInPicture = (\n    event: NativeSyntheticEvent<any>\n  ) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockDidStartPictureInPicture ${JSON.stringify(\n        event.nativeEvent\n      )}`\n    );\n    const { onStoryBlockDidStartPictureInPicture } = props;\n\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockDidStartPictureInPicture) {\n      if (name) {\n        if (reason) {\n          onStoryBlockDidStartPictureInPicture({ name, reason });\n        } else {\n          onStoryBlockDidStartPictureInPicture({ name });\n        }\n      } else {\n        onStoryBlockDidStartPictureInPicture();\n      }\n    }\n  };\n\n  const handleStoryBlockDidStopPictureInPicture = (\n    event: NativeSyntheticEvent<any>\n  ) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockDidStopPictureInPicture ${JSON.stringify(\n        event.nativeEvent\n      )}`\n    );\n    const { onStoryBlockDidStopPictureInPicture } = props;\n\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockDidStopPictureInPicture) {\n      if (name) {\n        if (reason) {\n          onStoryBlockDidStopPictureInPicture({ name, reason });\n        } else {\n          onStoryBlockDidStopPictureInPicture({ name });\n        }\n      } else {\n        onStoryBlockDidStopPictureInPicture();\n      }\n    }\n  };\n\n  const handleStoryBlockGetFeedId = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockGetFeedId ${JSON.stringify(\n        event.nativeEvent\n      )}`\n    );\n    const { onStoryBlockGetFeedId } = props;\n\n    const { feedId } = event.nativeEvent;\n\n    if (onStoryBlockGetFeedId) {\n      onStoryBlockGetFeedId(feedId ?? '');\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 generateButtonInfoString = (buttonInfo?: ButtonInfo) => {\n    return `imageName:${buttonInfo?.imageName}_systemImageName:${buttonInfo?.systemImageName}_tintColor:${buttonInfo?.tintColor}`;\n  };\n\n  const getStoryBlockConfiguration: () =>\n    | StoryBlockNativeConfiguration\n    | undefined = () => {\n    const { storyBlockConfiguration, enablePictureInPicture } = props;\n    let resultStoryBlockConfiguration:\n      | StoryBlockNativeConfiguration\n      | undefined = storyBlockConfiguration;\n    if (typeof enablePictureInPicture === 'boolean') {\n      if (!resultStoryBlockConfiguration) {\n        resultStoryBlockConfiguration = {};\n      }\n      resultStoryBlockConfiguration = {\n        ...resultStoryBlockConfiguration,\n        enablePictureInPicture,\n      };\n    }\n    return resultStoryBlockConfiguration;\n  };\n  const storyBlockConfiguration = getStoryBlockConfiguration();\n\n  const generateKey = (): string => {\n    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL;\n    const appLanguage = FireworkSDK.getInstance().appLanguage;\n    const videoLaunchBehavior = FireworkSDK.getInstance().videoLaunchBehavior;\n    const adBadgeConfiguration = FireworkSDK.getInstance().adBadgeConfiguration;\n    const adBadgeTextType = adBadgeConfiguration?.badgeTextType;\n    const backgroundColorOfAdBadge = adBadgeConfiguration?.backgroundColor;\n    const textColorOfAdBadge = adBadgeConfiguration?.textColor;\n    const androidFontIsCustomOfAdBadge =\n      adBadgeConfiguration?.androidFontInfo?.isCustom;\n    const androidFontTypefaceNameOfAdBadge =\n      adBadgeConfiguration?.androidFontInfo?.typefaceName;\n\n    const {\n      source,\n      channel,\n      playlist,\n      hashtagFilterExpression,\n      productIds,\n      contentId,\n      enablePictureInPicture,\n      cornerRadius,\n      adConfiguration,\n    } = props;\n    const dynamicContentParametersString =\n      generateDynamicContentParametersString();\n\n    const playerStyle = storyBlockConfiguration?.playerStyle;\n    const videoCompleteAction = storyBlockConfiguration?.videoCompleteAction;\n    const showShareButton = storyBlockConfiguration?.showShareButton;\n    const showPlaybackButton = storyBlockConfiguration?.showPlaybackButton;\n    const showMuteButton = storyBlockConfiguration?.showMuteButton;\n    const showBranding = storyBlockConfiguration?.showBranding;\n    const ctaDelayType = storyBlockConfiguration?.ctaDelay?.type;\n    const ctaDelayValue = storyBlockConfiguration?.ctaDelay?.value?.toFixed(5);\n    const ctaHighlightDelayType =\n      storyBlockConfiguration?.ctaHighlightDelay?.type;\n    const ctaHighlightDelayValue =\n      storyBlockConfiguration?.ctaHighlightDelay?.value?.toFixed(5);\n    const shareBaseURL = storyBlockConfiguration?.shareBaseURL;\n    const buttonConfiguration = storyBlockConfiguration?.buttonConfiguration;\n    const videoPlayerLogoConfigurationJsonKey = gennerateJsonKey(\n      storyBlockConfiguration?.videoPlayerLogoConfiguration\n    );\n    const ctaWidth = storyBlockConfiguration?.ctaWidth;\n    const showVideoDetailTitle = storyBlockConfiguration?.showVideoDetailTitle;\n\n    const requiresAds = adConfiguration?.requiresAds;\n    const adsFetchTimeout = adConfiguration?.adsFetchTimeout;\n    const vastAttributesString = generateVastAttributesString();\n    const productInfoViewConfigurationJsonKey = gennerateJsonKey(\n      FireworkSDK.getInstance().shopping.productInfoViewConfiguration\n    );\n    const replayBadgeConfigurationJsonKey = gennerateJsonKey(\n      storyBlockConfiguration?.replayBadgeConfiguration\n    );\n    const countdownTimerConfigurationJsonKey = gennerateJsonKey(\n      storyBlockConfiguration?.countdownTimerConfiguration\n    );\n\n    let key = `gShareBaseURL:${gShareBaseURL}`;\n    if (Platform.OS === 'ios') {\n      key += `_appLanguage:${appLanguage}`;\n    }\n    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    if (Platform.OS === 'android') {\n      key += `_androidFontIsCustomOfAdBadge${androidFontIsCustomOfAdBadge}`;\n      key += `_androidFontTypefaceNameOfAdBadge${androidFontTypefaceNameOfAdBadge}`;\n    }\n\n    key += `_source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;\n    key += `productIds:${productIds?.join(',')}`;\n    key += `_contentId:${contentId}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n    key += `_cornerRadius:${cornerRadius}`;\n\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_playerStyle:${playerStyle}`;\n    key += `_videoCompleteAction:${videoCompleteAction}`;\n    key += `_showShareButton:${showShareButton}`;\n    key += `_showPlaybackButton:${showPlaybackButton}`;\n    key += `_showMuteButton:${showMuteButton}`;\n    key += `_showBranding:${showBranding}`;\n    key += `_ctaDelayType:${ctaDelayType}`;\n    key += `_ctaDelayValue:${ctaDelayValue}`;\n    key += `_ctaHighlightDelayType:${ctaHighlightDelayType}`;\n    key += `_ctaHighlightDelayValue:${ctaHighlightDelayValue}`;\n    key += `_ctaWidth:${ctaWidth}`;\n    key += `_buttonConfiguration.videoDetailButton:${generateButtonInfoString(\n      buttonConfiguration?.videoDetailButton\n    )}`;\n    key += `_buttonConfiguration.closeButton:${generateButtonInfoString(\n      buttonConfiguration?.closeButton\n    )}`;\n    key += `_buttonConfiguration.muteButton:${generateButtonInfoString(\n      buttonConfiguration?.muteButton\n    )}`;\n    key += `_buttonConfiguration.unmuteButton:${generateButtonInfoString(\n      buttonConfiguration?.unmuteButton\n    )}`;\n    key += `_buttonConfiguration.playButton:${generateButtonInfoString(\n      buttonConfiguration?.playButton\n    )}`;\n    key += `_buttonConfiguration.pauseButton:${generateButtonInfoString(\n      buttonConfiguration?.pauseButton\n    )}`;\n    if (Platform.OS === 'android') {\n      key += `_videoPlayerLogoConfiguration:${videoPlayerLogoConfigurationJsonKey}`;\n    }\n    key += `_showVideoDetailTitle:${showVideoDetailTitle}`;\n\n    key += `_requiresAds:${requiresAds}`;\n    key += `_adsFetchTimeout:${adsFetchTimeout}`;\n    key += `_vastAttributes:${vastAttributesString}`;\n    key += `_productInfoViewConfiguration:${productInfoViewConfigurationJsonKey}`;\n    key += `_replayBadgeConfiguration:${replayBadgeConfigurationJsonKey}`;\n    key += `_countdownTimerConfiguration:${countdownTimerConfigurationJsonKey}`;\n\n    return key;\n  };\n\n  const key = generateKey();\n\n  console.log('story block key', key);\n\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        let reactTag: number | null = findNodeHandle(nativeNodeHandle);\n        FWLoggerUtil.log(\n          `StoryBlock sendCommand: ${command} commandId: ${commandId} nativeNodeHandle: ${nativeNodeHandle} reactTag: ${reactTag}`\n        );\n        if (!nativeNodeHandle || !reactTag) {\n          return;\n        }\n        UIManager.dispatchViewManagerCommand(reactTag, commandId, []);\n      };\n      return {\n        play: () => {\n          sendCommand('play');\n        },\n        pause: () => {\n          sendCommand('pause');\n        },\n        openFullscreen: () => {\n          sendCommand('openFullscreen');\n        },\n        onViewportEntered: () => {\n          if (Platform.OS !== 'ios') {\n            return;\n          }\n          sendCommand('onViewportEntered');\n        },\n        onViewportLeft: () => {\n          if (Platform.OS !== 'ios') {\n            return;\n          }\n          sendCommand('onViewportLeft');\n        },\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    const subscriptionOfProductInfoViewConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ProductInfoViewConfigurationUpdated,\n        () => {\n          FWLoggerUtil.log(\n            'Receive FWEventName.ProductInfoViewConfigurationUpdated'\n          );\n          forceUpdate();\n        }\n      );\n\n    return () => {\n      subscriptionOfShareBaseURLUpdated.remove();\n      subscriptionOfAdBadgeConfigurationUpdated.remove();\n      subscriptionOfVideoLaunchBehaviorUpdated.remove();\n      subscriptionOfAppLanguageUpdated.remove();\n      subscriptionOfProductInfoViewConfigurationUpdated.remove();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (Platform.OS === 'android') {\n      setTimeout(() => {\n        const viewId = findNodeHandle(nativeComponentRef.current);\n        FWLoggerUtil.log(`StoryBlock createFragment viewId: ${viewId}`);\n        if (!viewId) {\n          return;\n        }\n        UIManager.dispatchViewManagerCommand(\n          viewId,\n          UIManager.getViewManagerConfig(\n            NativeComponentName\n          ).Commands.create.toString(),\n          [viewId]\n        );\n      }, 500);\n    }\n  }, [key]);\n\n  useEffect(() => {\n    FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n      setSdkInitCalled(true);\n    });\n  }, []);\n\n  if (!sdkInitCalled) {\n    return null;\n  }\n  const { style, cornerRadius, ...otherProps } = props;\n  return (\n    <FWStoryBlock\n      ref={nativeComponentRef}\n      key={key}\n      {...otherProps}\n      cornerRadius={cornerRadius}\n      style={Object.assign({ borderRadius: cornerRadius }, style)}\n      storyBlockConfiguration={storyBlockConfiguration}\n      enablePictureInPicture={undefined}\n      onStoryBlockLoadFinished={handleStoryBlockLoadFinished}\n      onStoryBlockEmpty={handleStoryBlockEmpty}\n      onStoryBlockDidStartPictureInPicture={\n        handleStoryBlockDidStartPictureInPicture\n      }\n      onStoryBlockDidStopPictureInPicture={\n        handleStoryBlockDidStopPictureInPicture\n      }\n      onStoryBlockGetFeedId={handleStoryBlockGetFeedId}\n    />\n  );\n};\n\nexport default forwardRef(StoryBlock);\n"]}

package/lib/commonjs/components/VideoFeed.js

@@ -13,10 +13,14 @@ var _FireworkSDK = _interopRequireDefault(require("../FireworkSDK"));
 
 var _FWEventName = require("../models/FWEventName");
 
+var _FWNativeErrorAction = require("../models/FWNativeErrorAction");
+
 var _FireworkSDKModule = require("../modules/FireworkSDKModule");
 
 var _FWGlobalState = _interopRequireDefault(require("../utils/FWGlobalState"));
 
+var _FWJsonUtil = _interopRequireDefault(require("../utils/FWJsonUtil"));
+
 var _FWLoggerUtil = _interopRequireDefault(require("../utils/FWLoggerUtil"));
 
 var _FWVideoFeed = _interopRequireDefault(require("./FWVideoFeed"));
@@ -56,7 +60,15 @@ class VideoFeed extends _react.default.Component {
         commandId = commandId.toString();
       }
 
-      _reactNative.UIManager.dispatchViewManagerCommand((0, _reactNative.findNodeHandle)(nativeNodeHandle), commandId, []);
+      let reactTag = (0, _reactNative.findNodeHandle)(nativeNodeHandle);
+
+      _FWLoggerUtil.default.log(`StoryBlock refresh commandId: ${commandId} nativeNodeHandle: ${nativeNodeHandle} reactTag: ${reactTag}`);
+
+      if (!nativeNodeHandle || !reactTag) {
+        return;
+      }
+
+      _reactNative.UIManager.dispatchViewManagerCommand(reactTag, commandId, []);
     });
 
     _defineProperty(this, "_onVideoFeedLoadFinished", event => {
@@ -68,7 +80,8 @@ class VideoFeed extends _react.default.Component {
       } = this.props;
       const {
         name,
-        reason
+        reason,
+        action
       } = event.nativeEvent;
 
       if (onVideoFeedLoadFinished) {
@@ -83,8 +96,14 @@ class VideoFeed extends _react.default.Component {
 
           onVideoFeedLoadFinished(error);
 
-          if (!this._loaded) {
-            onVideoFeedEmpty === null || onVideoFeedEmpty === void 0 ? void 0 : onVideoFeedEmpty(error);
+          if (_reactNative.Platform.OS === 'android') {
+            if (action === _FWNativeErrorAction.FWNativeErrorAction.loadingFirstPage || !this._loaded) {
+              onVideoFeedEmpty === null || onVideoFeedEmpty === void 0 ? void 0 : onVideoFeedEmpty(error);
+            }
+          } else {
+            if (!this._loaded) {
+              onVideoFeedEmpty === null || onVideoFeedEmpty === void 0 ? void 0 : onVideoFeedEmpty(error);
+            }
           }
         } else {
           onVideoFeedLoadFinished();
@@ -163,6 +182,21 @@ class VideoFeed extends _react.default.Component {
       }
     });
 
+    _defineProperty(this, "_onVideoFeedGetFeedId", event => {
+      _FWLoggerUtil.default.log(`VideoFeed onVideoFeedGetFeedId ${JSON.stringify(event.nativeEvent)}`);
+
+      const {
+        onVideoFeedGetFeedId
+      } = this.props;
+      const {
+        feedId
+      } = event.nativeEvent;
+
+      if (onVideoFeedGetFeedId) {
+        onVideoFeedGetFeedId(feedId !== null && feedId !== void 0 ? feedId : '');
+      }
+    });
+
     this.state = {
       sdkInitCalled: _FWGlobalState.default.getInstance().sdkInitCalled
     };
@@ -299,12 +333,16 @@ class VideoFeed extends _react.default.Component {
     const shareBaseURL = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.shareBaseURL;
     const ctaWidth = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.ctaWidth;
     const buttonConfiguration = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.buttonConfiguration;
+    const videoPlayerLogoConfigurationJsonKey = (0, _FWJsonUtil.default)(videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.videoPlayerLogoConfiguration);
+    const countdownTimerConfigurationJsonKey = (0, _FWJsonUtil.default)(videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.countdownTimerConfiguration);
     const showVideoDetailTitle = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.showVideoDetailTitle;
     const requiresAds = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.requiresAds;
     const adsFetchTimeout = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.adsFetchTimeout;
 
     const vastAttributesString = this._generateVastAttributesString();
 
+    const replayBadgeVideoFeedConfigurationJsonKey = (0, _FWJsonUtil.default)(videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.replayBadge);
+    const replayBadgeVideoPlayerConfigurationJsonKey = (0, _FWJsonUtil.default)(videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.replayBadgeConfiguration);
     let key = `gShareBaseURL:${gShareBaseURL}`;
 
     if (_reactNative.Platform.OS === 'ios') {
@@ -376,12 +414,17 @@ class VideoFeed extends _react.default.Component {
       key += `_buttonConfiguration.unmuteButton:${this._generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.unmuteButton)}`;
       key += `_buttonConfiguration.playButton:${this._generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.playButton)}`;
       key += `_buttonConfiguration.pauseButton:${this._generateButtonInfoString(buttonConfiguration === null || buttonConfiguration === void 0 ? void 0 : buttonConfiguration.pauseButton)}`;
+      key += `_videoPlayerLogoConfiguration:${videoPlayerLogoConfigurationJsonKey}`;
+      key += `_countdownTimerConfiguration:${countdownTimerConfigurationJsonKey}`;
       key += `_showVideoDetailTitle:${showVideoDetailTitle}`;
     }
 
     key += `_requiresAds:${requiresAds}`;
     key += `_adsFetchTimeout:${adsFetchTimeout}`;
     key += `_vastAttributes:${vastAttributesString}`;
+    key += `_replayBadgeVideoFeedConfiguration:${replayBadgeVideoFeedConfigurationJsonKey}`;
+    key += `_replayBadgeVideoPlayerConfiguration:${replayBadgeVideoPlayerConfigurationJsonKey}`;
+    console.log('video feed key', key);
     return /*#__PURE__*/_react.default.createElement(_FWVideoFeed.default, _extends({
       key: key
     }, this.props, {
@@ -393,6 +436,7 @@ class VideoFeed extends _react.default.Component {
       onVideoFeedEmpty: this._onVideoFeedEmpty,
       onVideoFeedDidStartPictureInPicture: this._onVideoFeedDidStartPictureInPicture,
       onVideoFeedDidStopPictureInPicture: this._onVideoFeedDidStopPictureInPicture,
+      onVideoFeedGetFeedId: this._onVideoFeedGetFeedId,
       mode: mode !== null && mode !== void 0 ? mode : 'row'
     }));
   }