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

package/lib/commonjs/VideoShopping.js

@@ -1,247 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactNative = require("react-native");
-
-var _FWEventName = require("./models/FWEventName");
-
-var _ShoppingModule = _interopRequireWildcard(require("./modules/ShoppingModule"));
-
-var _FWLoggerUtil = _interopRequireDefault(require("./utils/FWLoggerUtil"));
-
-var _FWGlobalState = _interopRequireDefault(require("./utils/FWGlobalState"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * 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.default.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.default.getInstance().sdkInitCalled) {
-      _ShoppingModule.default.setCartIconVisible(value);
-    } else {
-      _FWGlobalState.default.getInstance().sdkInitCalledPromise.then(() => {
-        _ShoppingModule.default.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.default.getInstance().sdkInitCalled) {
-      _ShoppingModule.default.setProductInfoViewConfiguration(value !== null && value !== void 0 ? value : {});
-    } else {
-      _FWGlobalState.default.getInstance().sdkInitCalledPromise.then(() => {
-        _ShoppingModule.default.setProductInfoViewConfiguration(value !== null && value !== void 0 ? value : {});
-      });
-    }
-  }
-
-  get eventEmitter() {
-    return _ShoppingModule.ShoppingModuleEventEmitter;
-  }
-
-  static getInstance() {
-    _FWLoggerUtil.default.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.FWEventName.ShoppingCTAButtonClick, event => {
-      _FWLoggerUtil.default.log(`Receive ShoppingCTA event productId: ${event === null || event === void 0 ? void 0 : event.productId} unitId: ${event === null || event === void 0 ? void 0 : event.unitId} url: ${event === null || event === void 0 ? void 0 : event.url}`);
-
-      this.handleShoppingCTAEvent(event);
-    });
-    this.eventEmitter.addListener(_FWEventName.FWEventName.ClickCartIcon, () => {
-      _FWLoggerUtil.default.log('Receive ClickCartIcon event');
-
-      this.handleClickCartIconEvent();
-    });
-    this.eventEmitter.addListener(_FWEventName.FWEventName.UpdateProductDetails, event => {
-      _FWLoggerUtil.default.log(`Receive UpdateProductDetails event productIds: ${event === null || event === void 0 ? void 0 : event.productIds}`);
-
-      this.handleUpdateProductDetailsEvent(event);
-    });
-    this.eventEmitter.addListener(_FWEventName.FWEventName.LogMessage, () => {});
-    this.eventEmitter.addListener(_FWEventName.FWEventName.CustomLinkButtonClick, event => {
-      _FWLoggerUtil.default.log(`Receive CustomLinkButtonClick event url: ${event === null || event === void 0 ? void 0 : event.url}`);
-
-      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.default.getInstance().sdkInitCalled) {
-      await _FWGlobalState.default.getInstance().sdkInitCalledPromise;
-    }
-
-    _ShoppingModule.default.setCartItemCount(count);
-  }
-
-  async handleShoppingCTAEvent(event) {
-    const callbackId = event.callbackId;
-    delete event.callbackId;
-
-    if (this.onShoppingCTA) {
-      const result = await this.onShoppingCTA(event);
-
-      if (callbackId) {
-        _ShoppingModule.default.updateShoppingCTAResult(result, callbackId);
-      }
-    } else {
-      if (callbackId) {
-        if (_reactNative.Platform.OS === 'ios') {
-          _ShoppingModule.default.clearCallbackId(callbackId, _FWEventName.FWEventName.ShoppingCTAButtonClick);
-        }
-      }
-    }
-  }
-
-  async handleClickCartIconEvent() {
-    if (this.onCustomClickCartIcon) {
-      this.onCustomClickCartIcon();
-    }
-  }
-
-  async handleUpdateProductDetailsEvent(event) {
-    const callbackId = event.callbackId;
-    delete event.callbackId;
-
-    if (this.onUpdateProductDetails) {
-      _FWLoggerUtil.default.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.default.log(`Get result from onUpdateProductDetails callback productIds: ${productIds} productListLength: ${(productList || []).length}`);
-
-      if (productList) {
-        if (callbackId) {
-          _ShoppingModule.default.updateVideoProducts(productList, callbackId);
-        }
-      } else {
-        if (callbackId) {
-          if (_reactNative.Platform.OS === 'ios') {
-            _ShoppingModule.default.clearCallbackId(callbackId, _FWEventName.FWEventName.UpdateProductDetails);
-          }
-        }
-      }
-    } else {
-      _FWLoggerUtil.default.log('onUpdateProductDetails callback is not set.');
-
-      if (callbackId) {
-        if (_reactNative.Platform.OS === 'ios') {
-          _ShoppingModule.default.clearCallbackId(callbackId, _FWEventName.FWEventName.UpdateProductDetails);
-        }
-      }
-    }
-  }
-
-  async handleCustomLinkButtonClickEvent(event) {
-    if (this.onCustomClickLinkButton) {
-      this.onCustomClickLinkButton(event);
-    }
-  }
-
-}
-
-_defineProperty(VideoShopping, "_instance", void 0);
-
-var _default = VideoShopping;
-exports.default = _default;
-//# sourceMappingURL=VideoShopping.js.map

package/lib/commonjs/VideoShopping.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["VideoShopping.ts"],"names":["VideoShopping","onCustomClickLinkButton","_onCustomClickLinkButton","value","ShoppingModule","setCustomClickLinkButtonEnabled","cartIconVisible","_cartIconVisible","FWGlobalState","getInstance","sdkInitCalled","setCartIconVisible","sdkInitCalledPromise","then","productInfoViewConfiguration","_productInfoViewConfiguration","setProductInfoViewConfiguration","eventEmitter","ShoppingModuleEventEmitter","FWLoggerUtil","log","_instance","constructor","addListener","FWEventName","ShoppingCTAButtonClick","event","productId","unitId","url","handleShoppingCTAEvent","ClickCartIcon","handleClickCartIconEvent","UpdateProductDetails","productIds","handleUpdateProductDetailsEvent","LogMessage","CustomLinkButtonClick","handleCustomLinkButtonClickEvent","setCartItemCount","count","callbackId","onShoppingCTA","result","updateShoppingCTAResult","Platform","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/commonjs/components/FWStoryBlock.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactNative = require("react-native");
-
-var _FWErrorMessage = require("../constants/FWErrorMessage");
-
-const NativeComponentName = 'FWStoryBlock';
-const FWStoryBlock = _reactNative.UIManager.getViewManagerConfig(NativeComponentName) != null ? (0, _reactNative.requireNativeComponent)(NativeComponentName) : () => {
-  throw new Error(_FWErrorMessage.LINKING_ERROR);
-};
-var _default = FWStoryBlock;
-exports.default = _default;
-//# sourceMappingURL=FWStoryBlock.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["FWStoryBlock.tsx"],"names":["NativeComponentName","FWStoryBlock","UIManager","getViewManagerConfig","Error","LINKING_ERROR"],"mappings":";;;;;;;AAAA;;AACA;;AACA,MAAMA,mBAAmB,GAAG,cAA5B;AACA,MAAMC,YAAY,GAChBC,uBAAUC,oBAAV,CAA+BH,mBAA/B,KAAuD,IAAvD,GACI,yCAA4BA,mBAA5B,CADJ,GAEI,MAAM;AACJ,QAAM,IAAII,KAAJ,CAAUC,6BAAV,CAAN;AACD,CALP;eAMeJ,Y","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/commonjs/components/FWVideoFeed.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactNative = require("react-native");
-
-var _FWErrorMessage = require("../constants/FWErrorMessage");
-
-const NativeComponentName = 'FWVideoFeed';
-const FWVideoFeed = _reactNative.UIManager.getViewManagerConfig(NativeComponentName) != null ? (0, _reactNative.requireNativeComponent)(NativeComponentName) : () => {
-  throw new Error(_FWErrorMessage.LINKING_ERROR);
-};
-var _default = FWVideoFeed;
-exports.default = _default;
-//# sourceMappingURL=FWVideoFeed.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["FWVideoFeed.tsx"],"names":["NativeComponentName","FWVideoFeed","UIManager","getViewManagerConfig","Error","LINKING_ERROR"],"mappings":";;;;;;;AAAA;;AACA;;AACA,MAAMA,mBAAmB,GAAG,aAA5B;AACA,MAAMC,WAAW,GACfC,uBAAUC,oBAAV,CAA+BH,mBAA/B,KAAuD,IAAvD,GACI,yCAA4BA,mBAA5B,CADJ,GAEI,MAAM;AACJ,QAAM,IAAII,KAAJ,CAAUC,6BAAV,CAAN;AACD,CALP;eAMeJ,W","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/commonjs/components/StoryBlock.js

@@ -1,319 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _FireworkSDK = _interopRequireDefault(require("../FireworkSDK"));
-
-var _FWEventName = require("../models/FWEventName");
-
-var _FireworkSDKModule = require("../modules/FireworkSDKModule");
-
-var _FWGlobalState = _interopRequireDefault(require("../utils/FWGlobalState"));
-
-var _FWLoggerUtil = _interopRequireDefault(require("../utils/FWLoggerUtil"));
-
-var _FWStoryBlock = _interopRequireDefault(require("./FWStoryBlock"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const NativeComponentName = 'FWStoryBlock';
-
-const StoryBlock = (props, forwardedRef) => {
-  const nativeComponentRef = (0, _react.useRef)(null);
-  const [isFullscreenState, setIsFullscreenState] = (0, _react.useState)(false);
-  const [sdkInitCalled, setSdkInitCalled] = (0, _react.useState)(_FWGlobalState.default.getInstance().sdkInitCalled);
-  const [, forceUpdate] = (0, _react.useReducer)(x => x + 1, 0);
-
-  const handleStoryBlockLoadFinished = event => {
-    _FWLoggerUtil.default.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.default.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.default.getInstance().shareBaseURL) !== null && _FireworkSDK$getInsta !== void 0 ? _FireworkSDK$getInsta : '';
-    const appLanguage = (_FireworkSDK$getInsta2 = _FireworkSDK.default.getInstance().appLanguage) !== null && _FireworkSDK$getInsta2 !== void 0 ? _FireworkSDK$getInsta2 : '';
-    const videoLaunchBehavior = (_FireworkSDK$getInsta3 = _FireworkSDK.default.getInstance().videoLaunchBehavior) !== null && _FireworkSDK$getInsta3 !== void 0 ? _FireworkSDK$getInsta3 : '';
-    const adBadgeConfiguration = (_FireworkSDK$getInsta4 = _FireworkSDK.default.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 (_reactNative.Platform.OS === 'ios') {
-      key += `_appLanguage:${appLanguage}`;
-    }
-
-    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
-    key += `_adBadgeTextType:${adBadgeTextType}`;
-    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
-    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
-
-    if (_reactNative.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 (_reactNative.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();
-  (0, _react.useImperativeHandle)(forwardedRef, () => {
-    const sendCommand = command => {
-      const nativeNodeHandle = (0, _reactNative.findNodeHandle)(nativeComponentRef.current);
-
-      let commandId = _reactNative.UIManager.getViewManagerConfig(NativeComponentName).Commands[command];
-
-      if (_reactNative.Platform.OS === 'android') {
-        commandId = commandId.toString();
-      }
-
-      _reactNative.UIManager.dispatchViewManagerCommand((0, _reactNative.findNodeHandle)(nativeNodeHandle), commandId, []);
-    };
-
-    return {
-      play: () => {
-        sendCommand('play');
-      },
-      pause: () => {
-        sendCommand('pause');
-      }
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    const subscriptionOfShareBaseURLUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.ShareBaseURLUpdated, () => {
-      _FWLoggerUtil.default.log('Receive FWEventName.ShareBaseURLUpdated');
-
-      forceUpdate();
-    });
-
-    const subscriptionOfAdBadgeConfigurationUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.AdBadgeConfigurationUpdated, () => {
-      _FWLoggerUtil.default.log('Receive FWEventName.AdBadgeConfigurationUpdated');
-
-      forceUpdate();
-    });
-
-    const subscriptionOfVideoLaunchBehaviorUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.VideoLaunchBehaviorUpdated, () => {
-      _FWLoggerUtil.default.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
-
-      forceUpdate();
-    });
-
-    const subscriptionOfAppLanguageUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.AppLanguageUpdated, () => {
-      _FWLoggerUtil.default.log('Receive FWEventName.AppLanguageUpdated');
-
-      if (_reactNative.Platform.OS === 'android') {
-        forceUpdate();
-      }
-    });
-
-    return () => {
-      subscriptionOfShareBaseURLUpdated.remove();
-      subscriptionOfAdBadgeConfigurationUpdated.remove();
-      subscriptionOfVideoLaunchBehaviorUpdated.remove();
-      subscriptionOfAppLanguageUpdated.remove();
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (_reactNative.Platform.OS === 'android') {
-      setTimeout(() => {
-        const viewId = (0, _reactNative.findNodeHandle)(nativeComponentRef.current);
-
-        _FWLoggerUtil.default.log(`StoryBlock createFragment viewId: ${viewId}`);
-
-        _reactNative.UIManager.dispatchViewManagerCommand(viewId, _reactNative.UIManager.getViewManagerConfig(NativeComponentName).Commands.create.toString(), [viewId]);
-      }, 500);
-    }
-  }, [key]);
-  (0, _react.useEffect)(() => {
-    _FWGlobalState.default.getInstance().sdkInitCalledPromise.then(() => {
-      setSdkInitCalled(true);
-    });
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (_reactNative.Platform.OS === 'android') {
-      const onBackPress = () => {
-        if (isFullscreenState) {
-          _FireworkSDK.default.getInstance().navigator.popNativeContainer();
-
-          return true;
-        }
-
-        return false;
-      };
-
-      const subscription = _reactNative.BackHandler.addEventListener('hardwareBackPress', onBackPress);
-
-      return () => {
-        subscription.remove();
-      };
-    }
-
-    return;
-  }, [isFullscreenState]);
-
-  if (!sdkInitCalled) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_FWStoryBlock.default, _extends({
-    ref: nativeComponentRef,
-    key: key
-  }, props, {
-    onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
-    onStoryBlockFullScreenStateChanged: handleStoryBlockFullScreenStateChanged
-  }));
-};
-
-var _default = /*#__PURE__*/(0, _react.forwardRef)(StoryBlock);
-
-exports.default = _default;
-//# sourceMappingURL=StoryBlock.js.map