react-native-firework-sdk 2.3.0 → 2.4.0-beta.1

package/lib/module/VideoShopping.js

@@ -1,222 +0,0 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import { Platform } from 'react-native';
-import { FWEventName } from './models/FWEventName';
-import ShoppingModule, { ShoppingModuleEventEmitter } from './modules/ShoppingModule';
-import FWLoggerUtil from './utils/FWLoggerUtil';
-import FWGlobalState from './utils/FWGlobalState';
-
-/**
- * The entry class of video shopping.
- */
-class VideoShopping {
-  /**
-   * This callback is triggered when the user clicks the "Add to cart" or "Shop now" button.
-   * The host app can return a ShoppingCTAResult object to tell SDK how to handle the result.
-   */
-
-  /**
-   * This callback is triggered when the user clicks the shopping cart icon.
-   *
-   * The host app can customize the click event processing logic of
-   * the shopping cart icon by setting the callback.
-   */
-
-  /**
-   * This callback is triggered when the video will be shown.
-   *
-   * The host app can return a Product list to update the latest product information.
-   */
-
-  /**
-   * This callback is triggered when the user clicks
-   * the link button next to Add to cart button.
-   *
-   * The host app can customize the click event processing logic of
-   * the link button by setting the callback.
-   */
-  get onCustomClickLinkButton() {
-    return this._onCustomClickLinkButton;
-  }
-
-  set onCustomClickLinkButton(value) {
-    this._onCustomClickLinkButton = value;
-    ShoppingModule.setCustomClickLinkButtonEnabled(!!value);
-  }
-
-  /**
-   * Defaults to true.
-   * You can hide the cart icon by setting this property to false.
-   */
-  get cartIconVisible() {
-    return this._cartIconVisible;
-  }
-
-  set cartIconVisible(value) {
-    this._cartIconVisible = value;
-
-    if (FWGlobalState.getInstance().sdkInitCalled) {
-      ShoppingModule.setCartIconVisible(value);
-    } else {
-      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {
-        ShoppingModule.setCartIconVisible(value);
-      });
-    }
-  }
-
-  /**
-   * The configuration of product info view.
-   * Please refer to {@link ProductInfoViewConfiguration} for more details.
-   */
-  get productInfoViewConfiguration() {
-    return this._productInfoViewConfiguration;
-  }
-
-  set productInfoViewConfiguration(value) {
-    this._productInfoViewConfiguration = value;
-
-    if (FWGlobalState.getInstance().sdkInitCalled) {
-      ShoppingModule.setProductInfoViewConfiguration(value !== null && value !== void 0 ? value : {});
-    } else {
-      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {
-        ShoppingModule.setProductInfoViewConfiguration(value !== null && value !== void 0 ? value : {});
-      });
-    }
-  }
-
-  get eventEmitter() {
-    return ShoppingModuleEventEmitter;
-  }
-
-  static getInstance() {
-    FWLoggerUtil.log('VideoShopping constructor');
-
-    if (!VideoShopping._instance) {
-      VideoShopping._instance = new VideoShopping();
-    }
-
-    return VideoShopping._instance;
-  }
-
-  constructor() {
-    _defineProperty(this, "onShoppingCTA", void 0);
-
-    _defineProperty(this, "onCustomClickCartIcon", void 0);
-
-    _defineProperty(this, "onUpdateProductDetails", void 0);
-
-    _defineProperty(this, "_onCustomClickLinkButton", void 0);
-
-    _defineProperty(this, "_cartIconVisible", true);
-
-    _defineProperty(this, "_productInfoViewConfiguration", void 0);
-
-    this.eventEmitter.addListener(FWEventName.ShoppingCTAButtonClick, event => {
-      FWLoggerUtil.log(`Receive ShoppingCTA event productId: ${event === null || event === void 0 ? void 0 : event.productId} unitId: ${event === null || event === void 0 ? void 0 : event.unitId} url: ${event === null || event === void 0 ? void 0 : event.url}`);
-      this.handleShoppingCTAEvent(event);
-    });
-    this.eventEmitter.addListener(FWEventName.ClickCartIcon, () => {
-      FWLoggerUtil.log('Receive ClickCartIcon event');
-      this.handleClickCartIconEvent();
-    });
-    this.eventEmitter.addListener(FWEventName.UpdateProductDetails, event => {
-      FWLoggerUtil.log(`Receive UpdateProductDetails event productIds: ${event === null || event === void 0 ? void 0 : event.productIds}`);
-      this.handleUpdateProductDetailsEvent(event);
-    });
-    this.eventEmitter.addListener(FWEventName.LogMessage, () => {});
-    this.eventEmitter.addListener(FWEventName.CustomLinkButtonClick, event => {
-      FWLoggerUtil.log(`Receive CustomLinkButtonClick event url: ${event === null || event === void 0 ? void 0 : event.url}`);
-      this.handleCustomLinkButtonClickEvent(event);
-    });
-  }
-  /**
-   *
-   * @param {number} count The number of items in the host app cart.
-   * The count should be greater than or equal to 0.
-   * We just use count to show or hide red indicator on the cart icon.
-   * If cound > 0, we will show the red indicator on the cart icon.
-   * Otherwise, we will hide the red indicator on the cart icon.
-   */
-
-
-  async setCartItemCount(count) {
-    if (!FWGlobalState.getInstance().sdkInitCalled) {
-      await FWGlobalState.getInstance().sdkInitCalledPromise;
-    }
-
-    ShoppingModule.setCartItemCount(count);
-  }
-
-  async handleShoppingCTAEvent(event) {
-    const callbackId = event.callbackId;
-    delete event.callbackId;
-
-    if (this.onShoppingCTA) {
-      const result = await this.onShoppingCTA(event);
-
-      if (callbackId) {
-        ShoppingModule.updateShoppingCTAResult(result, callbackId);
-      }
-    } else {
-      if (callbackId) {
-        if (Platform.OS === 'ios') {
-          ShoppingModule.clearCallbackId(callbackId, FWEventName.ShoppingCTAButtonClick);
-        }
-      }
-    }
-  }
-
-  async handleClickCartIconEvent() {
-    if (this.onCustomClickCartIcon) {
-      this.onCustomClickCartIcon();
-    }
-  }
-
-  async handleUpdateProductDetailsEvent(event) {
-    const callbackId = event.callbackId;
-    delete event.callbackId;
-
-    if (this.onUpdateProductDetails) {
-      FWLoggerUtil.log(`Call onUpdateProductDetails callback productIds: ${event.productIds} callbackId: ${callbackId}`);
-      const productList = await this.onUpdateProductDetails(event);
-      const productIds = (productList || []).map(product => {
-        var _product$productId;
-
-        return (_product$productId = product.productId) !== null && _product$productId !== void 0 ? _product$productId : '';
-      });
-      FWLoggerUtil.log(`Get result from onUpdateProductDetails callback productIds: ${productIds} productListLength: ${(productList || []).length}`);
-
-      if (productList) {
-        if (callbackId) {
-          ShoppingModule.updateVideoProducts(productList, callbackId);
-        }
-      } else {
-        if (callbackId) {
-          if (Platform.OS === 'ios') {
-            ShoppingModule.clearCallbackId(callbackId, FWEventName.UpdateProductDetails);
-          }
-        }
-      }
-    } else {
-      FWLoggerUtil.log('onUpdateProductDetails callback is not set.');
-
-      if (callbackId) {
-        if (Platform.OS === 'ios') {
-          ShoppingModule.clearCallbackId(callbackId, FWEventName.UpdateProductDetails);
-        }
-      }
-    }
-  }
-
-  async handleCustomLinkButtonClickEvent(event) {
-    if (this.onCustomClickLinkButton) {
-      this.onCustomClickLinkButton(event);
-    }
-  }
-
-}
-
-_defineProperty(VideoShopping, "_instance", void 0);
-
-export default VideoShopping;
-//# sourceMappingURL=VideoShopping.js.map

package/lib/module/VideoShopping.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["Platform","FWEventName","ShoppingModule","ShoppingModuleEventEmitter","FWLoggerUtil","FWGlobalState","VideoShopping","onCustomClickLinkButton","_onCustomClickLinkButton","value","setCustomClickLinkButtonEnabled","cartIconVisible","_cartIconVisible","getInstance","sdkInitCalled","setCartIconVisible","sdkInitCalledPromise","then","productInfoViewConfiguration","_productInfoViewConfiguration","setProductInfoViewConfiguration","eventEmitter","log","_instance","constructor","addListener","ShoppingCTAButtonClick","event","productId","unitId","url","handleShoppingCTAEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","LogMessage","CustomLinkButtonClick","handleCustomLinkButtonClickEvent","setCartItemCount","count","callbackId","onShoppingCTA","result","updateShoppingCTAResult","OS","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  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\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   * 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    this._productInfoViewConfiguration = value;\n    if (FWGlobalState.getInstance().sdkInitCalled) {\n      ShoppingModule.setProductInfoViewConfiguration(value ?? {});\n    } else {\n      FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {\n        ShoppingModule.setProductInfoViewConfiguration(value ?? {});\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\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\nexport default VideoShopping;\n"]}

package/lib/module/components/FWStoryBlock.js

@@ -1,8 +0,0 @@
-import { requireNativeComponent, UIManager } from 'react-native';
-import { LINKING_ERROR } from '../constants/FWErrorMessage';
-const NativeComponentName = 'FWStoryBlock';
-const FWStoryBlock = UIManager.getViewManagerConfig(NativeComponentName) != null ? requireNativeComponent(NativeComponentName) : () => {
-  throw new Error(LINKING_ERROR);
-};
-export default FWStoryBlock;
-//# sourceMappingURL=FWStoryBlock.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["FWStoryBlock.tsx"],"names":["requireNativeComponent","UIManager","LINKING_ERROR","NativeComponentName","FWStoryBlock","getViewManagerConfig","Error"],"mappings":"AAAA,SAASA,sBAAT,EAAiCC,SAAjC,QAAkD,cAAlD;AACA,SAASC,aAAT,QAA8B,6BAA9B;AACA,MAAMC,mBAAmB,GAAG,cAA5B;AACA,MAAMC,YAAY,GAChBH,SAAS,CAACI,oBAAV,CAA+BF,mBAA/B,KAAuD,IAAvD,GACIH,sBAAsB,CAAMG,mBAAN,CAD1B,GAEI,MAAM;AACJ,QAAM,IAAIG,KAAJ,CAAUJ,aAAV,CAAN;AACD,CALP;AAMA,eAAeE,YAAf","sourcesContent":["import { requireNativeComponent, UIManager } from 'react-native';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nconst NativeComponentName = 'FWStoryBlock';\nconst FWStoryBlock =\n  UIManager.getViewManagerConfig(NativeComponentName) != null\n    ? requireNativeComponent<any>(NativeComponentName)\n    : () => {\n        throw new Error(LINKING_ERROR);\n      };\nexport default FWStoryBlock;\n"]}

package/lib/module/components/FWVideoFeed.js

@@ -1,8 +0,0 @@
-import { requireNativeComponent, UIManager } from 'react-native';
-import { LINKING_ERROR } from '../constants/FWErrorMessage';
-const NativeComponentName = 'FWVideoFeed';
-const FWVideoFeed = UIManager.getViewManagerConfig(NativeComponentName) != null ? requireNativeComponent(NativeComponentName) : () => {
-  throw new Error(LINKING_ERROR);
-};
-export default FWVideoFeed;
-//# sourceMappingURL=FWVideoFeed.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["FWVideoFeed.tsx"],"names":["requireNativeComponent","UIManager","LINKING_ERROR","NativeComponentName","FWVideoFeed","getViewManagerConfig","Error"],"mappings":"AAAA,SAASA,sBAAT,EAAiCC,SAAjC,QAAkD,cAAlD;AACA,SAASC,aAAT,QAA8B,6BAA9B;AACA,MAAMC,mBAAmB,GAAG,aAA5B;AACA,MAAMC,WAAW,GACfH,SAAS,CAACI,oBAAV,CAA+BF,mBAA/B,KAAuD,IAAvD,GACIH,sBAAsB,CAAMG,mBAAN,CAD1B,GAEI,MAAM;AACJ,QAAM,IAAIG,KAAJ,CAAUJ,aAAV,CAAN;AACD,CALP;AAMA,eAAeE,WAAf","sourcesContent":["import { requireNativeComponent, UIManager } from 'react-native';\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nconst NativeComponentName = 'FWVideoFeed';\nconst FWVideoFeed =\n  UIManager.getViewManagerConfig(NativeComponentName) != null\n    ? requireNativeComponent<any>(NativeComponentName)\n    : () => {\n        throw new Error(LINKING_ERROR);\n      };\nexport default FWVideoFeed;\n"]}

package/lib/module/components/StoryBlock.js

@@ -1,282 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React, { forwardRef, useEffect, useImperativeHandle, useReducer, useRef, useState } from 'react';
-import { BackHandler, findNodeHandle, Platform, UIManager } from 'react-native';
-import FireworkSDK from '../FireworkSDK';
-import { FWEventName } from '../models/FWEventName';
-import { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';
-import FWGlobalState from '../utils/FWGlobalState';
-import FWLoggerUtil from '../utils/FWLoggerUtil';
-import FWStoryBlock from './FWStoryBlock';
-const NativeComponentName = 'FWStoryBlock';
-
-const StoryBlock = (props, forwardedRef) => {
-  const nativeComponentRef = useRef(null);
-  const [isFullscreenState, setIsFullscreenState] = useState(false);
-  const [sdkInitCalled, setSdkInitCalled] = useState(FWGlobalState.getInstance().sdkInitCalled);
-  const [, forceUpdate] = useReducer(x => x + 1, 0);
-
-  const handleStoryBlockLoadFinished = event => {
-    FWLoggerUtil.log(`StoryBlock handleStoryBlockLoadFinished ${event.nativeEvent.name}`);
-    const {
-      onStoryBlockLoadFinished
-    } = props;
-    const {
-      name,
-      reason
-    } = event.nativeEvent;
-
-    if (onStoryBlockLoadFinished) {
-      if (name) {
-        if (reason) {
-          onStoryBlockLoadFinished({
-            name,
-            reason
-          });
-        } else {
-          onStoryBlockLoadFinished({
-            name
-          });
-        }
-      } else {
-        onStoryBlockLoadFinished();
-      }
-    }
-  };
-
-  const handleStoryBlockFullScreenStateChanged = event => {
-    FWLoggerUtil.log(`StoryBlock handleStoryBlockFullScreenStateChanged ${event.nativeEvent.isFullScreen}`);
-    const {
-      isFullScreen
-    } = event.nativeEvent;
-    setIsFullscreenState(isFullScreen);
-  };
-
-  const generateDynamicContentParametersString = () => {
-    const {
-      dynamicContentParameters
-    } = props;
-
-    if (!dynamicContentParameters) {
-      return '';
-    }
-
-    let resultString = '';
-    const sortedKeyList = Object.keys(dynamicContentParameters).sort();
-
-    for (const key of sortedKeyList) {
-      const value = dynamicContentParameters[key];
-      const valueString = value.join(',');
-
-      if (resultString.length > 0) {
-        resultString += '_';
-      }
-
-      resultString += `${key}:${valueString}`;
-    }
-
-    return resultString;
-  };
-
-  const generateVastAttributesString = () => {
-    var _adConfiguration$vast;
-
-    const {
-      adConfiguration
-    } = props;
-    const vastAttributes = (_adConfiguration$vast = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.vastAttributes) !== null && _adConfiguration$vast !== void 0 ? _adConfiguration$vast : '';
-
-    if (!vastAttributes) {
-      return '';
-    }
-
-    let resultString = '';
-
-    for (const attribute of vastAttributes) {
-      var _attribute$name;
-
-      if (resultString.length > 0) {
-        resultString += '_';
-      }
-
-      resultString += `${(_attribute$name = attribute.name) !== null && _attribute$name !== void 0 ? _attribute$name : ''}:${attribute.value}`;
-    }
-
-    return resultString;
-  };
-
-  const generateKey = () => {
-    var _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _FireworkSDK$getInsta3, _FireworkSDK$getInsta4, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _adBadgeConfiguration4, _adBadgeConfiguration5, _adBadgeConfiguration6, _adBadgeConfiguration7, _adBadgeConfiguration8, _storyBlockConfigurat, _storyBlockConfigurat2, _storyBlockConfigurat3, _storyBlockConfigurat4, _storyBlockConfigurat5, _storyBlockConfigurat6, _storyBlockConfigurat7, _storyBlockConfigurat8, _storyBlockConfigurat9, _storyBlockConfigurat10, _storyBlockConfigurat11, _storyBlockConfigurat12, _storyBlockConfigurat13, _storyBlockConfigurat14, _storyBlockConfigurat15, _storyBlockConfigurat16, _storyBlockConfigurat17, _storyBlockConfigurat18, _storyBlockConfigurat19, _adConfiguration$requ, _adConfiguration$requ2, _adConfiguration$adsF;
-
-    const gShareBaseURL = (_FireworkSDK$getInsta = FireworkSDK.getInstance().shareBaseURL) !== null && _FireworkSDK$getInsta !== void 0 ? _FireworkSDK$getInsta : '';
-    const appLanguage = (_FireworkSDK$getInsta2 = FireworkSDK.getInstance().appLanguage) !== null && _FireworkSDK$getInsta2 !== void 0 ? _FireworkSDK$getInsta2 : '';
-    const videoLaunchBehavior = (_FireworkSDK$getInsta3 = FireworkSDK.getInstance().videoLaunchBehavior) !== null && _FireworkSDK$getInsta3 !== void 0 ? _FireworkSDK$getInsta3 : '';
-    const adBadgeConfiguration = (_FireworkSDK$getInsta4 = FireworkSDK.getInstance().adBadgeConfiguration) !== null && _FireworkSDK$getInsta4 !== void 0 ? _FireworkSDK$getInsta4 : {};
-    const adBadgeTextType = (_adBadgeConfiguration = adBadgeConfiguration.badgeTextType) !== null && _adBadgeConfiguration !== void 0 ? _adBadgeConfiguration : '';
-    const backgroundColorOfAdBadge = (_adBadgeConfiguration2 = adBadgeConfiguration.backgroundColor) !== null && _adBadgeConfiguration2 !== void 0 ? _adBadgeConfiguration2 : '';
-    const textColorOfAdBadge = (_adBadgeConfiguration3 = adBadgeConfiguration.textColor) !== null && _adBadgeConfiguration3 !== void 0 ? _adBadgeConfiguration3 : '';
-    const androidFontIsCustomOfAdBadge = (_adBadgeConfiguration4 = (_adBadgeConfiguration5 = adBadgeConfiguration.androidFontInfo) === null || _adBadgeConfiguration5 === void 0 ? void 0 : (_adBadgeConfiguration6 = _adBadgeConfiguration5.isCustom) === null || _adBadgeConfiguration6 === void 0 ? void 0 : _adBadgeConfiguration6.toString()) !== null && _adBadgeConfiguration4 !== void 0 ? _adBadgeConfiguration4 : '';
-    const androidFontTypefaceNameOfAdBadge = (_adBadgeConfiguration7 = (_adBadgeConfiguration8 = adBadgeConfiguration.androidFontInfo) === null || _adBadgeConfiguration8 === void 0 ? void 0 : _adBadgeConfiguration8.typefaceName) !== null && _adBadgeConfiguration7 !== void 0 ? _adBadgeConfiguration7 : '';
-    const {
-      source,
-      channel = '',
-      playlist = '',
-      hashtagFilterExpression = '',
-      enablePictureInPicture = false,
-      adConfiguration,
-      storyBlockConfiguration
-    } = props;
-    const dynamicContentParametersString = generateDynamicContentParametersString();
-    const videoCompleteAction = (_storyBlockConfigurat = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.videoCompleteAction) !== null && _storyBlockConfigurat !== void 0 ? _storyBlockConfigurat : '';
-    const showShareButton = (_storyBlockConfigurat2 = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat3 = storyBlockConfiguration.showShareButton) === null || _storyBlockConfigurat3 === void 0 ? void 0 : _storyBlockConfigurat3.toString()) !== null && _storyBlockConfigurat2 !== void 0 ? _storyBlockConfigurat2 : '';
-    const showPlaybackButton = (_storyBlockConfigurat4 = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat5 = storyBlockConfiguration.showPlaybackButton) === null || _storyBlockConfigurat5 === void 0 ? void 0 : _storyBlockConfigurat5.toString()) !== null && _storyBlockConfigurat4 !== void 0 ? _storyBlockConfigurat4 : '';
-    const showBranding = (_storyBlockConfigurat6 = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat7 = storyBlockConfiguration.showBranding) === null || _storyBlockConfigurat7 === void 0 ? void 0 : _storyBlockConfigurat7.toString()) !== null && _storyBlockConfigurat6 !== void 0 ? _storyBlockConfigurat6 : '';
-    const ctaDelayType = (_storyBlockConfigurat8 = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat9 = storyBlockConfiguration.ctaDelay) === null || _storyBlockConfigurat9 === void 0 ? void 0 : _storyBlockConfigurat9.type) !== null && _storyBlockConfigurat8 !== void 0 ? _storyBlockConfigurat8 : '';
-    const ctaDelayValue = (_storyBlockConfigurat10 = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat11 = storyBlockConfiguration.ctaDelay) === null || _storyBlockConfigurat11 === void 0 ? void 0 : (_storyBlockConfigurat12 = _storyBlockConfigurat11.value) === null || _storyBlockConfigurat12 === void 0 ? void 0 : _storyBlockConfigurat12.toFixed(5)) !== null && _storyBlockConfigurat10 !== void 0 ? _storyBlockConfigurat10 : '';
-    const ctaHighlightDelayType = (_storyBlockConfigurat13 = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat14 = storyBlockConfiguration.ctaHighlightDelay) === null || _storyBlockConfigurat14 === void 0 ? void 0 : _storyBlockConfigurat14.type) !== null && _storyBlockConfigurat13 !== void 0 ? _storyBlockConfigurat13 : '';
-    const ctaHighlightDelayValue = (_storyBlockConfigurat15 = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : (_storyBlockConfigurat16 = storyBlockConfiguration.ctaHighlightDelay) === null || _storyBlockConfigurat16 === void 0 ? void 0 : (_storyBlockConfigurat17 = _storyBlockConfigurat16.value) === null || _storyBlockConfigurat17 === void 0 ? void 0 : _storyBlockConfigurat17.toFixed(5)) !== null && _storyBlockConfigurat15 !== void 0 ? _storyBlockConfigurat15 : '';
-    const shareBaseURL = (_storyBlockConfigurat18 = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.shareBaseURL) !== null && _storyBlockConfigurat18 !== void 0 ? _storyBlockConfigurat18 : '';
-    const ctaWidth = (_storyBlockConfigurat19 = storyBlockConfiguration === null || storyBlockConfiguration === void 0 ? void 0 : storyBlockConfiguration.ctaWidth) !== null && _storyBlockConfigurat19 !== void 0 ? _storyBlockConfigurat19 : '';
-    const requiresAds = (_adConfiguration$requ = adConfiguration === null || adConfiguration === void 0 ? void 0 : (_adConfiguration$requ2 = adConfiguration.requiresAds) === null || _adConfiguration$requ2 === void 0 ? void 0 : _adConfiguration$requ2.toString()) !== null && _adConfiguration$requ !== void 0 ? _adConfiguration$requ : '';
-    const adsFetchTimeout = (_adConfiguration$adsF = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.adsFetchTimeout) !== null && _adConfiguration$adsF !== void 0 ? _adConfiguration$adsF : 10;
-    const vastAttributesString = generateVastAttributesString();
-    let key = `gShareBaseURL:${gShareBaseURL}`;
-
-    if (Platform.OS === 'ios') {
-      key += `_appLanguage:${appLanguage}`;
-    }
-
-    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
-    key += `_adBadgeTextType:${adBadgeTextType}`;
-    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
-    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
-
-    if (Platform.OS === 'android') {
-      key += `_androidFontIsCustomOfAdBadge${androidFontIsCustomOfAdBadge}`;
-      key += `_androidFontTypefaceNameOfAdBadge${androidFontTypefaceNameOfAdBadge}`;
-    }
-
-    key += `_source:${source}`;
-    key += `_channel:${channel}`;
-    key += `_playlist:${playlist}`;
-    key += `_dynamicContentParameters:${dynamicContentParametersString}`;
-    key += `_hashtagFilterExpression:${hashtagFilterExpression}`;
-    key += `_enablePictureInPicture:${enablePictureInPicture}`;
-    key += `_shareBaseURL:${shareBaseURL}`;
-
-    if (Platform.OS === 'android') {
-      key += `_videoCompleteAction:${videoCompleteAction}`;
-      key += `_showShareButton:${showShareButton}`;
-      key += `_showPlaybackButton:${showPlaybackButton}`;
-      key += `_showBranding:${showBranding}`;
-      key += `_ctaDelayType:${ctaDelayType}`;
-      key += `_ctaDelayValue:${ctaDelayValue}`;
-      key += `_ctaHighlightDelayType:${ctaHighlightDelayType}`;
-      key += `_ctaHighlightDelayValue:${ctaHighlightDelayValue}`;
-      key += `_ctaWidth:${ctaWidth}`;
-    }
-
-    key += `_requiresAds:${requiresAds}`;
-    key += `_adsFetchTimeout:${adsFetchTimeout}`;
-    key += `_vastAttributes:${vastAttributesString}`;
-    return key;
-  };
-
-  const key = generateKey();
-  useImperativeHandle(forwardedRef, () => {
-    const sendCommand = command => {
-      const nativeNodeHandle = findNodeHandle(nativeComponentRef.current);
-      let commandId = UIManager.getViewManagerConfig(NativeComponentName).Commands[command];
-
-      if (Platform.OS === 'android') {
-        commandId = commandId.toString();
-      }
-
-      UIManager.dispatchViewManagerCommand(findNodeHandle(nativeNodeHandle), commandId, []);
-    };
-
-    return {
-      play: () => {
-        sendCommand('play');
-      },
-      pause: () => {
-        sendCommand('pause');
-      }
-    };
-  }, []);
-  useEffect(() => {
-    const subscriptionOfShareBaseURLUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.ShareBaseURLUpdated, () => {
-      FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');
-      forceUpdate();
-    });
-    const subscriptionOfAdBadgeConfigurationUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AdBadgeConfigurationUpdated, () => {
-      FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');
-      forceUpdate();
-    });
-    const subscriptionOfVideoLaunchBehaviorUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.VideoLaunchBehaviorUpdated, () => {
-      FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
-      forceUpdate();
-    });
-    const subscriptionOfAppLanguageUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AppLanguageUpdated, () => {
-      FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');
-
-      if (Platform.OS === 'android') {
-        forceUpdate();
-      }
-    });
-    return () => {
-      subscriptionOfShareBaseURLUpdated.remove();
-      subscriptionOfAdBadgeConfigurationUpdated.remove();
-      subscriptionOfVideoLaunchBehaviorUpdated.remove();
-      subscriptionOfAppLanguageUpdated.remove();
-    };
-  }, []);
-  useEffect(() => {
-    if (Platform.OS === 'android') {
-      setTimeout(() => {
-        const viewId = findNodeHandle(nativeComponentRef.current);
-        FWLoggerUtil.log(`StoryBlock createFragment viewId: ${viewId}`);
-        UIManager.dispatchViewManagerCommand(viewId, UIManager.getViewManagerConfig(NativeComponentName).Commands.create.toString(), [viewId]);
-      }, 500);
-    }
-  }, [key]);
-  useEffect(() => {
-    FWGlobalState.getInstance().sdkInitCalledPromise.then(() => {
-      setSdkInitCalled(true);
-    });
-  }, []);
-  useEffect(() => {
-    if (Platform.OS === 'android') {
-      const onBackPress = () => {
-        if (isFullscreenState) {
-          FireworkSDK.getInstance().navigator.popNativeContainer();
-          return true;
-        }
-
-        return false;
-      };
-
-      const subscription = BackHandler.addEventListener('hardwareBackPress', onBackPress);
-      return () => {
-        subscription.remove();
-      };
-    }
-
-    return;
-  }, [isFullscreenState]);
-
-  if (!sdkInitCalled) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(FWStoryBlock, _extends({
-    ref: nativeComponentRef,
-    key: key
-  }, props, {
-    onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
-    onStoryBlockFullScreenStateChanged: handleStoryBlockFullScreenStateChanged
-  }));
-};
-
-export default /*#__PURE__*/forwardRef(StoryBlock);
-//# sourceMappingURL=StoryBlock.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["StoryBlock.tsx"],"names":["React","forwardRef","useEffect","useImperativeHandle","useReducer","useRef","useState","BackHandler","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWGlobalState","FWLoggerUtil","FWStoryBlock","NativeComponentName","StoryBlock","props","forwardedRef","nativeComponentRef","isFullscreenState","setIsFullscreenState","sdkInitCalled","setSdkInitCalled","getInstance","forceUpdate","x","handleStoryBlockLoadFinished","event","log","nativeEvent","name","onStoryBlockLoadFinished","reason","handleStoryBlockFullScreenStateChanged","isFullScreen","generateDynamicContentParametersString","dynamicContentParameters","resultString","sortedKeyList","Object","keys","sort","key","value","valueString","join","length","generateVastAttributesString","adConfiguration","vastAttributes","attribute","generateKey","gShareBaseURL","shareBaseURL","appLanguage","videoLaunchBehavior","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","androidFontIsCustomOfAdBadge","androidFontInfo","isCustom","toString","androidFontTypefaceNameOfAdBadge","typefaceName","source","channel","playlist","hashtagFilterExpression","enablePictureInPicture","storyBlockConfiguration","dynamicContentParametersString","videoCompleteAction","showShareButton","showPlaybackButton","showBranding","ctaDelayType","ctaDelay","type","ctaDelayValue","toFixed","ctaHighlightDelayType","ctaHighlightDelay","ctaHighlightDelayValue","ctaWidth","requiresAds","adsFetchTimeout","vastAttributesString","OS","sendCommand","command","nativeNodeHandle","current","commandId","getViewManagerConfig","Commands","dispatchViewManagerCommand","play","pause","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","subscriptionOfAppLanguageUpdated","AppLanguageUpdated","remove","setTimeout","viewId","create","sdkInitCalledPromise","then","onBackPress","navigator","popNativeContainer","subscription","addEventListener"],"mappings":"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","sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  BackHandler,\n  findNodeHandle,\n  NativeSyntheticEvent,\n  Platform,\n  StyleProp,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type AdConfiguration from '../models/AdConfiguration';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockConfiguration } from '../models/StoryBlockConfiguration';\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';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nexport interface IStoryBlockMethods {\n  /**\n   * Play the story block.\n   */\n  play: () => void;\n  /**\n   * Pause the story block.\n   */\n  pause: () => void;\n}\n\n/**\n * The props type of StoryBlock component.\n */\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * Hashtag filter expression is an s-expression used to provide feeds filtered by hashtags with specified criteria.\n   * Queries are specified with boolean predicates on what hashtags are there on the video.\n   * For instance, (and sport food) (or sport food) (and sport (or food comedy)) sport are all valid expressions.\n   * Non-UTF-8 characters are not allowed. If using boolean predicates, the expression needs to be wrapped with parenthesis.\n   */\n  hashtagFilterExpression?: string;\n  /**\n   * Specifies if Picture in Picture is enabled. Only supported on iOS.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * Ad configuration of the feed. Only supported on iOS.\n   */\n  adConfiguration?: AdConfiguration;\n\n  /* The configuration of the story block.\n   Only supported on Android.*/\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\nconst StoryBlock: ForwardRefRenderFunction<\n  IStoryBlockMethods,\n  IStoryBlockProps\n> = (props: IStoryBlockProps, forwardedRef) => {\n  const nativeComponentRef = useRef(null);\n  const [isFullscreenState, setIsFullscreenState] = useState<boolean>(false);\n  const [sdkInitCalled, setSdkInitCalled] = useState<boolean>(\n    FWGlobalState.getInstance().sdkInitCalled\n  );\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 } = props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  const handleStoryBlockFullScreenStateChanged = (\n    event: NativeSyntheticEvent<any>\n  ) => {\n    FWLoggerUtil.log(\n      `StoryBlock handleStoryBlockFullScreenStateChanged ${event.nativeEvent.isFullScreen}`\n    );\n    const { isFullScreen } = event.nativeEvent;\n    setIsFullscreenState(isFullScreen);\n  };\n\n  const generateDynamicContentParametersString = (): string => {\n    const { dynamicContentParameters } = props;\n\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  };\n\n  const generateVastAttributesString = () => {\n    const { adConfiguration } = props;\n    const vastAttributes = adConfiguration?.vastAttributes ?? '';\n    if (!vastAttributes) {\n      return '';\n    }\n\n    let resultString = '';\n    for (const attribute of vastAttributes) {\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n      resultString += `${attribute.name ?? ''}:${attribute.value}`;\n    }\n\n    return resultString;\n  };\n\n  const generateKey = (): string => {\n    const gShareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const appLanguage = FireworkSDK.getInstance().appLanguage ?? '';\n    const videoLaunchBehavior =\n      FireworkSDK.getInstance().videoLaunchBehavior ?? '';\n    const adBadgeConfiguration =\n      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?.toString() ?? '';\n    const androidFontTypefaceNameOfAdBadge =\n      adBadgeConfiguration.androidFontInfo?.typefaceName ?? '';\n\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      hashtagFilterExpression = '',\n      enablePictureInPicture = false,\n      adConfiguration,\n      storyBlockConfiguration,\n    } = props;\n    const dynamicContentParametersString =\n      generateDynamicContentParametersString();\n\n    const videoCompleteAction =\n      storyBlockConfiguration?.videoCompleteAction ?? '';\n    const showShareButton =\n      storyBlockConfiguration?.showShareButton?.toString() ?? '';\n    const showPlaybackButton =\n      storyBlockConfiguration?.showPlaybackButton?.toString() ?? '';\n    const showBranding =\n      storyBlockConfiguration?.showBranding?.toString() ?? '';\n    const ctaDelayType = storyBlockConfiguration?.ctaDelay?.type ?? '';\n    const ctaDelayValue =\n      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 ctaWidth = storyBlockConfiguration?.ctaWidth ?? '';\n\n    const requiresAds = adConfiguration?.requiresAds?.toString() ?? '';\n    const adsFetchTimeout = adConfiguration?.adsFetchTimeout ?? 10;\n    const vastAttributesString = generateVastAttributesString();\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 += `_enablePictureInPicture:${enablePictureInPicture}`;\n\n    key += `_shareBaseURL:${shareBaseURL}`;\n    if (Platform.OS === 'android') {\n      key += `_videoCompleteAction:${videoCompleteAction}`;\n      key += `_showShareButton:${showShareButton}`;\n      key += `_showPlaybackButton:${showPlaybackButton}`;\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    }\n\n    key += `_requiresAds:${requiresAds}`;\n    key += `_adsFetchTimeout:${adsFetchTimeout}`;\n    key += `_vastAttributes:${vastAttributesString}`;\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      };\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          if (Platform.OS === 'android') {\n            forceUpdate();\n          }\n        }\n      );\n\n    return () => {\n      subscriptionOfShareBaseURLUpdated.remove();\n      subscriptionOfAdBadgeConfigurationUpdated.remove();\n      subscriptionOfVideoLaunchBehaviorUpdated.remove();\n      subscriptionOfAppLanguageUpdated.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  useEffect(() => {\n    if (Platform.OS === 'android') {\n      const onBackPress = () => {\n        if (isFullscreenState) {\n          FireworkSDK.getInstance().navigator.popNativeContainer();\n          return true;\n        }\n        return false;\n      };\n      const subscription = BackHandler.addEventListener(\n        'hardwareBackPress',\n        onBackPress\n      );\n      return () => {\n        subscription.remove();\n      };\n    }\n\n    return;\n  }, [isFullscreenState]);\n\n  if (!sdkInitCalled) {\n    return null;\n  }\n\n  return (\n    <FWStoryBlock\n      ref={nativeComponentRef}\n      key={key}\n      {...props}\n      onStoryBlockLoadFinished={handleStoryBlockLoadFinished}\n      onStoryBlockFullScreenStateChanged={\n        handleStoryBlockFullScreenStateChanged\n      }\n    />\n  );\n};\n\nexport default forwardRef(StoryBlock);\n"]}