react-native-firework-sdk 2.2.4 → 2.3.0

package/lib/commonjs/components/StoryBlock.js

@@ -15,6 +15,8 @@ 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"));
@@ -32,73 +34,8 @@ 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);
-  (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();
-      }
-    });
-
-    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);
-    }
-
-    return () => {
-      subscriptionOfShareBaseURLUpdated.remove();
-      subscriptionOfAdBadgeConfigurationUpdated.remove();
-      subscriptionOfVideoLaunchBehaviorUpdated.remove();
-      subscriptionOfAppLanguageUpdated.remove();
-    };
-  }, []);
 
   const handleStoryBlockLoadFinished = event => {
     _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockLoadFinished ${event.nativeEvent.name}`);
@@ -129,8 +66,8 @@ const StoryBlock = (props, forwardedRef) => {
     }
   };
 
-  const handleStoryBlockFullscreenStateChanged = event => {
-    _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockFullscreenStateChanged ${event.nativeEvent.isFullScreen}`);
+  const handleStoryBlockFullScreenStateChanged = event => {
+    _FWLoggerUtil.default.log(`StoryBlock handleStoryBlockFullScreenStateChanged ${event.nativeEvent.isFullScreen}`);
 
     const {
       isFullScreen
@@ -192,25 +129,38 @@ const StoryBlock = (props, forwardedRef) => {
   };
 
   const generateKey = () => {
-    var _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _FireworkSDK$getInsta3, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _FireworkSDK$getInsta4, _adConfiguration$requ, _adConfiguration$adsF;
+    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 adBadgeConfiguration = (_FireworkSDK$getInsta3 = _FireworkSDK.default.getInstance().adBadgeConfiguration) !== null && _FireworkSDK$getInsta3 !== void 0 ? _FireworkSDK$getInsta3 : {};
+    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 videoLaunchBehavior = (_FireworkSDK$getInsta4 = _FireworkSDK.default.getInstance().videoLaunchBehavior) !== null && _FireworkSDK$getInsta4 !== void 0 ? _FireworkSDK$getInsta4 : 'default';
+    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
+      adConfiguration,
+      storyBlockConfiguration
     } = props;
     const dynamicContentParametersString = generateDynamicContentParametersString();
-    const requiresAds = (_adConfiguration$requ = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.requiresAds) !== null && _adConfiguration$requ !== void 0 ? _adConfiguration$requ : false;
+    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}`;
@@ -219,22 +169,115 @@ const StoryBlock = (props, forwardedRef) => {
       key += `_appLanguage:${appLanguage}`;
     }
 
+    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
     key += `_adBadgeTextType:${adBadgeTextType}`;
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
     key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
-    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
+
+    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 = () => {
@@ -256,18 +299,17 @@ const StoryBlock = (props, forwardedRef) => {
 
     return;
   }, [isFullscreenState]);
-  const {
-    style
-  } = props;
+
+  if (!sdkInitCalled) {
+    return null;
+  }
+
   return /*#__PURE__*/_react.default.createElement(_FWStoryBlock.default, _extends({
     ref: nativeComponentRef,
-    key: generateKey()
+    key: key
   }, props, {
     onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
-    onStoryBlockFullScreenStateChanged: handleStoryBlockFullscreenStateChanged,
-    style: Object.assign({}, style, {
-      zIndex: -1
-    })
+    onStoryBlockFullScreenStateChanged: handleStoryBlockFullScreenStateChanged
   }));
 };
 

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

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

package/lib/commonjs/components/VideoFeed.js

@@ -15,6 +15,8 @@ var _FWEventName = require("../models/FWEventName");
 
 var _FireworkSDKModule = require("../modules/FireworkSDKModule");
 
+var _FWGlobalState = _interopRequireDefault(require("../utils/FWGlobalState"));
+
 var _FWLoggerUtil = _interopRequireDefault(require("../utils/FWLoggerUtil"));
 
 var _FWVideoFeed = _interopRequireDefault(require("./FWVideoFeed"));
@@ -31,8 +33,11 @@ const NativeComponentName = 'FWVideoFeed';
  */
 
 class VideoFeed extends _react.default.Component {
-  constructor() {
-    super(...arguments);
+  /**
+   * @ignore
+   */
+  constructor(props) {
+    super(props);
 
     _defineProperty(this, "_nativeComponentRef", /*#__PURE__*/_react.default.createRef());
 
@@ -80,6 +85,10 @@ class VideoFeed extends _react.default.Component {
         }
       }
     });
+
+    this.state = {
+      sdkInitCalled: _FWGlobalState.default.getInstance().sdkInitCalled
+    };
   }
 
   /**
@@ -88,6 +97,14 @@ class VideoFeed extends _react.default.Component {
   componentDidMount() {
     _FWLoggerUtil.default.log(`VideoFeed componentDidMount ${JSON.stringify(this.props)}`);
 
+    if (!this.state.sdkInitCalled) {
+      _FWGlobalState.default.getInstance().sdkInitCalledPromise.then(() => {
+        this.setState({
+          sdkInitCalled: true
+        });
+      });
+    }
+
     const subscriptionOfShareBaseURLUpdated = _FireworkSDKModule.FireworkSDKModuleEventEmitter.addListener(_FWEventName.FWEventName.ShareBaseURLUpdated, () => {
       _FWLoggerUtil.default.log('Receive FWEventName.ShareBaseURLUpdated');
 
@@ -142,17 +159,23 @@ class VideoFeed extends _react.default.Component {
 
 
   render() {
-    var _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _FireworkSDK$getInsta3, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _FireworkSDK$getInsta4, _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _videoFeedConfigurati4, _videoFeedConfigurati5, _videoFeedConfigurati6, _videoPlayerConfigura, _adConfiguration$requ, _adConfiguration$adsF;
+    var _FireworkSDK$getInsta, _FireworkSDK$getInsta2, _FireworkSDK$getInsta3, _FireworkSDK$getInsta4, _adBadgeConfiguration, _adBadgeConfiguration2, _adBadgeConfiguration3, _adBadgeConfiguration4, _adBadgeConfiguration5, _adBadgeConfiguration6, _adBadgeConfiguration7, _adBadgeConfiguration8, _videoFeedConfigurati, _videoFeedConfigurati2, _videoFeedConfigurati3, _videoFeedConfigurati4, _videoFeedConfigurati5, _videoFeedConfigurati6, _videoFeedConfigurati7, _videoFeedConfigurati8, _videoFeedConfigurati9, _videoFeedConfigurati10, _videoFeedConfigurati11, _videoFeedConfigurati12, _videoFeedConfigurati13, _videoFeedConfigurati14, _videoFeedConfigurati15, _videoFeedConfigurati16, _videoFeedConfigurati17, _videoFeedConfigurati18, _videoFeedConfigurati19, _videoFeedConfigurati20, _videoFeedConfigurati21, _videoFeedConfigurati22, _videoFeedConfigurati23, _videoFeedConfigurati24, _videoFeedConfigurati25, _videoFeedConfigurati26, _videoFeedConfigurati27, _videoPlayerConfigura, _videoPlayerConfigura2, _videoPlayerConfigura3, _videoPlayerConfigura4, _videoPlayerConfigura5, _videoPlayerConfigura6, _videoPlayerConfigura7, _videoPlayerConfigura8, _videoPlayerConfigura9, _videoPlayerConfigura10, _videoPlayerConfigura11, _videoPlayerConfigura12, _videoPlayerConfigura13, _videoPlayerConfigura14, _videoPlayerConfigura15, _videoPlayerConfigura16, _videoPlayerConfigura17, _videoPlayerConfigura18, _videoPlayerConfigura19, _videoPlayerConfigura20, _adConfiguration$requ, _adConfiguration$requ2, _adConfiguration$adsF;
+
+    _FWLoggerUtil.default.log(`VideoFeed render props ${JSON.stringify(this.props)} state ${JSON.stringify(this.state)}`);
 
-    _FWLoggerUtil.default.log(`VideoFeed render ${JSON.stringify(this.props)}`);
+    if (!this.state.sdkInitCalled) {
+      return null;
+    }
 
     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 adBadgeConfiguration = (_FireworkSDK$getInsta3 = _FireworkSDK.default.getInstance().adBadgeConfiguration) !== null && _FireworkSDK$getInsta3 !== void 0 ? _FireworkSDK$getInsta3 : {};
+    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 videoLaunchBehavior = (_FireworkSDK$getInsta4 = _FireworkSDK.default.getInstance().videoLaunchBehavior) !== null && _FireworkSDK$getInsta4 !== void 0 ? _FireworkSDK$getInsta4 : 'default';
+    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 = '',
@@ -169,13 +192,32 @@ class VideoFeed extends _react.default.Component {
 
     const videoFeedConfiguration = this._getVideoFeedConfiguration();
 
-    const titleHidden = (_videoFeedConfigurati = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati2 = videoFeedConfiguration.title) === null || _videoFeedConfigurati2 === void 0 ? void 0 : _videoFeedConfigurati2.hidden) !== null && _videoFeedConfigurati !== void 0 ? _videoFeedConfigurati : false;
-    const titlePosition = (_videoFeedConfigurati3 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.titlePosition) !== null && _videoFeedConfigurati3 !== void 0 ? _videoFeedConfigurati3 : 'nested';
-    const enableAutoplay = (_videoFeedConfigurati4 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.enableAutoplay) !== null && _videoFeedConfigurati4 !== void 0 ? _videoFeedConfigurati4 : false;
-    const gridColumns = (_videoFeedConfigurati5 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.gridColumns) !== null && _videoFeedConfigurati5 !== void 0 ? _videoFeedConfigurati5 : 2;
-    const showAdBadge = (_videoFeedConfigurati6 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.showAdBadge) !== null && _videoFeedConfigurati6 !== void 0 ? _videoFeedConfigurati6 : false;
-    const shareBaseURL = (_videoPlayerConfigura = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.shareBaseURL) !== null && _videoPlayerConfigura !== void 0 ? _videoPlayerConfigura : '';
-    const requiresAds = (_adConfiguration$requ = adConfiguration === null || adConfiguration === void 0 ? void 0 : adConfiguration.requiresAds) !== null && _adConfiguration$requ !== void 0 ? _adConfiguration$requ : false;
+    const cornerRadius = (_videoFeedConfigurati = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati2 = videoFeedConfiguration.cornerRadius) === null || _videoFeedConfigurati2 === void 0 ? void 0 : _videoFeedConfigurati2.toFixed(5)) !== null && _videoFeedConfigurati !== void 0 ? _videoFeedConfigurati : '';
+    const titleHidden = (_videoFeedConfigurati3 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati4 = videoFeedConfiguration.title) === null || _videoFeedConfigurati4 === void 0 ? void 0 : (_videoFeedConfigurati5 = _videoFeedConfigurati4.hidden) === null || _videoFeedConfigurati5 === void 0 ? void 0 : _videoFeedConfigurati5.toString()) !== null && _videoFeedConfigurati3 !== void 0 ? _videoFeedConfigurati3 : '';
+    const titleTextColor = (_videoFeedConfigurati6 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati7 = videoFeedConfiguration.title) === null || _videoFeedConfigurati7 === void 0 ? void 0 : _videoFeedConfigurati7.textColor) !== null && _videoFeedConfigurati6 !== void 0 ? _videoFeedConfigurati6 : '';
+    const titleFontSize = (_videoFeedConfigurati8 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati9 = videoFeedConfiguration.title) === null || _videoFeedConfigurati9 === void 0 ? void 0 : (_videoFeedConfigurati10 = _videoFeedConfigurati9.fontSize) === null || _videoFeedConfigurati10 === void 0 ? void 0 : _videoFeedConfigurati10.toFixed(5)) !== null && _videoFeedConfigurati8 !== void 0 ? _videoFeedConfigurati8 : '';
+    const titleAndroidFontInfo = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati11 = videoFeedConfiguration.title) === null || _videoFeedConfigurati11 === void 0 ? void 0 : _videoFeedConfigurati11.androidFontInfo;
+    const titleGradientDrawable = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati12 = videoFeedConfiguration.title) === null || _videoFeedConfigurati12 === void 0 ? void 0 : _videoFeedConfigurati12.gradientDrawable;
+    const titlePosition = (_videoFeedConfigurati13 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : videoFeedConfiguration.titlePosition) !== null && _videoFeedConfigurati13 !== void 0 ? _videoFeedConfigurati13 : '';
+    const playIconHidden = (_videoFeedConfigurati14 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati15 = videoFeedConfiguration.playIcon) === null || _videoFeedConfigurati15 === void 0 ? void 0 : (_videoFeedConfigurati16 = _videoFeedConfigurati15.hidden) === null || _videoFeedConfigurati16 === void 0 ? void 0 : _videoFeedConfigurati16.toString()) !== null && _videoFeedConfigurati14 !== void 0 ? _videoFeedConfigurati14 : '';
+    const playIconWidth = (_videoFeedConfigurati17 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati18 = videoFeedConfiguration.playIcon) === null || _videoFeedConfigurati18 === void 0 ? void 0 : (_videoFeedConfigurati19 = _videoFeedConfigurati18.iconWidth) === null || _videoFeedConfigurati19 === void 0 ? void 0 : _videoFeedConfigurati19.toFixed(5)) !== null && _videoFeedConfigurati17 !== void 0 ? _videoFeedConfigurati17 : '';
+    const showAdBadge = (_videoFeedConfigurati20 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati21 = videoFeedConfiguration.showAdBadge) === null || _videoFeedConfigurati21 === void 0 ? void 0 : _videoFeedConfigurati21.toString()) !== null && _videoFeedConfigurati20 !== void 0 ? _videoFeedConfigurati20 : '';
+    const enableAutoplay = (_videoFeedConfigurati22 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati23 = videoFeedConfiguration.enableAutoplay) === null || _videoFeedConfigurati23 === void 0 ? void 0 : _videoFeedConfigurati23.toString()) !== null && _videoFeedConfigurati22 !== void 0 ? _videoFeedConfigurati22 : '';
+    const gridColumns = (_videoFeedConfigurati24 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati25 = videoFeedConfiguration.gridColumns) === null || _videoFeedConfigurati25 === void 0 ? void 0 : _videoFeedConfigurati25.toFixed(5)) !== null && _videoFeedConfigurati24 !== void 0 ? _videoFeedConfigurati24 : '';
+    const itemSpacing = (_videoFeedConfigurati26 = videoFeedConfiguration === null || videoFeedConfiguration === void 0 ? void 0 : (_videoFeedConfigurati27 = videoFeedConfiguration.itemSpacing) === null || _videoFeedConfigurati27 === void 0 ? void 0 : _videoFeedConfigurati27.toFixed(5)) !== null && _videoFeedConfigurati26 !== void 0 ? _videoFeedConfigurati26 : '';
+    const playerStyle = (_videoPlayerConfigura = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.playerStyle) !== null && _videoPlayerConfigura !== void 0 ? _videoPlayerConfigura : '';
+    const videoCompleteAction = (_videoPlayerConfigura2 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.videoCompleteAction) !== null && _videoPlayerConfigura2 !== void 0 ? _videoPlayerConfigura2 : '';
+    const showShareButton = (_videoPlayerConfigura3 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : (_videoPlayerConfigura4 = videoPlayerConfiguration.showShareButton) === null || _videoPlayerConfigura4 === void 0 ? void 0 : _videoPlayerConfigura4.toString()) !== null && _videoPlayerConfigura3 !== void 0 ? _videoPlayerConfigura3 : '';
+    const showPlaybackButton = (_videoPlayerConfigura5 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : (_videoPlayerConfigura6 = videoPlayerConfiguration.showPlaybackButton) === null || _videoPlayerConfigura6 === void 0 ? void 0 : _videoPlayerConfigura6.toString()) !== null && _videoPlayerConfigura5 !== void 0 ? _videoPlayerConfigura5 : '';
+    const showMuteButton = (_videoPlayerConfigura7 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : (_videoPlayerConfigura8 = videoPlayerConfiguration.showMuteButton) === null || _videoPlayerConfigura8 === void 0 ? void 0 : _videoPlayerConfigura8.toString()) !== null && _videoPlayerConfigura7 !== void 0 ? _videoPlayerConfigura7 : '';
+    const showBranding = (_videoPlayerConfigura9 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : (_videoPlayerConfigura10 = videoPlayerConfiguration.showBranding) === null || _videoPlayerConfigura10 === void 0 ? void 0 : _videoPlayerConfigura10.toString()) !== null && _videoPlayerConfigura9 !== void 0 ? _videoPlayerConfigura9 : '';
+    const ctaDelayType = (_videoPlayerConfigura11 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : (_videoPlayerConfigura12 = videoPlayerConfiguration.ctaDelay) === null || _videoPlayerConfigura12 === void 0 ? void 0 : _videoPlayerConfigura12.type) !== null && _videoPlayerConfigura11 !== void 0 ? _videoPlayerConfigura11 : '';
+    const ctaDelayValue = ((_videoPlayerConfigura13 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : (_videoPlayerConfigura14 = videoPlayerConfiguration.ctaDelay) === null || _videoPlayerConfigura14 === void 0 ? void 0 : _videoPlayerConfigura14.value) !== null && _videoPlayerConfigura13 !== void 0 ? _videoPlayerConfigura13 : 0).toFixed(5);
+    const ctaHighlightDelayType = (_videoPlayerConfigura15 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : (_videoPlayerConfigura16 = videoPlayerConfiguration.ctaHighlightDelay) === null || _videoPlayerConfigura16 === void 0 ? void 0 : _videoPlayerConfigura16.type) !== null && _videoPlayerConfigura15 !== void 0 ? _videoPlayerConfigura15 : '';
+    const ctaHighlightDelayValue = ((_videoPlayerConfigura17 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : (_videoPlayerConfigura18 = videoPlayerConfiguration.ctaHighlightDelay) === null || _videoPlayerConfigura18 === void 0 ? void 0 : _videoPlayerConfigura18.value) !== null && _videoPlayerConfigura17 !== void 0 ? _videoPlayerConfigura17 : 0).toFixed(5);
+    const shareBaseURL = (_videoPlayerConfigura19 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.shareBaseURL) !== null && _videoPlayerConfigura19 !== void 0 ? _videoPlayerConfigura19 : '';
+    const ctaWidth = (_videoPlayerConfigura20 = videoPlayerConfiguration === null || videoPlayerConfiguration === void 0 ? void 0 : videoPlayerConfiguration.ctaWidth) !== null && _videoPlayerConfigura20 !== void 0 ? _videoPlayerConfigura20 : '';
+    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 = this._generateVastAttributesString();
@@ -186,10 +228,16 @@ class VideoFeed extends _react.default.Component {
       key += `_appLanguage:${appLanguage}`;
     }
 
+    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
     key += `_adBadgeTextType:${adBadgeTextType}`;
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
     key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
-    key += `_videoLaunchBehavior:${videoLaunchBehavior}`;
+
+    if (_reactNative.Platform.OS === 'android') {
+      key += `_androidFontIsCustomOfAdBadge${androidFontIsCustomOfAdBadge}`;
+      key += `_androidFontTypefaceNameOfAdBadge${androidFontTypefaceNameOfAdBadge}`;
+    }
+
     key += `_source:${source}`;
     key += `_channel:${channel}`;
     key += `_playlist:${playlist}`;
@@ -199,11 +247,42 @@ class VideoFeed extends _react.default.Component {
     key += `_mode:${mode}`;
     key += `_enablePictureInPicture:${enablePictureInPicture}`;
     key += `_titleHidden:${titleHidden}`;
+
+    if (_reactNative.Platform.OS === 'android') {
+      var _titleAndroidFontInfo, _titleAndroidFontInfo2, _titleAndroidFontInfo3, _titleGradientDrawabl, _titleGradientDrawabl2;
+
+      key += `_cornerRadius:${cornerRadius}`;
+      key += `_titleTextColor:${titleTextColor}`;
+      key += `_titleFontSize:${titleFontSize}`;
+      key += `_titleAndroidFontInfo.isCustom:${(_titleAndroidFontInfo = titleAndroidFontInfo === null || titleAndroidFontInfo === void 0 ? void 0 : (_titleAndroidFontInfo2 = titleAndroidFontInfo.isCustom) === null || _titleAndroidFontInfo2 === void 0 ? void 0 : _titleAndroidFontInfo2.toString()) !== null && _titleAndroidFontInfo !== void 0 ? _titleAndroidFontInfo : ''}`;
+      key += `_titleAndroidFontInfo.typefaceName:${(_titleAndroidFontInfo3 = titleAndroidFontInfo === null || titleAndroidFontInfo === void 0 ? void 0 : titleAndroidFontInfo.typefaceName) !== null && _titleAndroidFontInfo3 !== void 0 ? _titleAndroidFontInfo3 : ''}`;
+      key += `_titleGradientDrawable.orientation:${(_titleGradientDrawabl = titleGradientDrawable === null || titleGradientDrawable === void 0 ? void 0 : titleGradientDrawable.orientation) !== null && _titleGradientDrawabl !== void 0 ? _titleGradientDrawabl : ''}`;
+      key += `_titleGradientDrawable.colors:${((_titleGradientDrawabl2 = titleGradientDrawable === null || titleGradientDrawable === void 0 ? void 0 : titleGradientDrawable.colors) !== null && _titleGradientDrawabl2 !== void 0 ? _titleGradientDrawabl2 : []).join(',')}`;
+      key += `_playIconHidden:${playIconHidden}`;
+      key += `_playIconWidth:${playIconWidth}`;
+      key += `_showAdBadge:${showAdBadge}`;
+    }
+
     key += `_titlePosition:${titlePosition}`;
     key += `_enableAutoplay:${enableAutoplay}`;
     key += `_gridColumns:${gridColumns}`;
-    key += `_showAdBadge:${showAdBadge}`;
+    key += `_itemSpacing:${itemSpacing}`;
     key += `_shareBaseURL:${shareBaseURL}`;
+
+    if (_reactNative.Platform.OS === 'android') {
+      key += `_playerStyle:${playerStyle}`;
+      key += `_videoCompleteAction:${videoCompleteAction}`;
+      key += `_showShareButton:${showShareButton}`;
+      key += `_showPlaybackButton:${showPlaybackButton}`;
+      key += `_showMuteButton:${showMuteButton}`;
+      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}`;
@@ -213,10 +292,7 @@ class VideoFeed extends _react.default.Component {
       videoFeedConfiguration: videoFeedConfiguration,
       ref: this._nativeComponentRef,
       onVideoFeedLoadFinished: this._onVideoFeedLoadFinished,
-      mode: mode,
-      style: Object.assign({}, this.props.style, {
-        zIndex: -1
-      })
+      mode: mode
     }));
   }
 
@@ -282,13 +358,25 @@ class VideoFeed extends _react.default.Component {
       return videoFeedConfiguration;
     }
 
-    if (videoFeedConfiguration.gridColumns && Math.floor(videoFeedConfiguration.gridColumns) !== videoFeedConfiguration.gridColumns) {
-      return { ...videoFeedConfiguration,
-        gridColumns: Math.floor(videoFeedConfiguration.gridColumns)
+    let resultVideoFeedConfiguration = videoFeedConfiguration;
+
+    if (resultVideoFeedConfiguration.gridColumns && Math.floor(resultVideoFeedConfiguration.gridColumns) !== resultVideoFeedConfiguration.gridColumns) {
+      const gridColumns = Math.floor(resultVideoFeedConfiguration.gridColumns);
+      resultVideoFeedConfiguration = { ...resultVideoFeedConfiguration,
+        gridColumns
       };
-    } else {
-      return videoFeedConfiguration;
     }
+
+    if (resultVideoFeedConfiguration.title && resultVideoFeedConfiguration.title.numberOfLines && Math.floor(resultVideoFeedConfiguration.title.numberOfLines) !== resultVideoFeedConfiguration.title.numberOfLines) {
+      const numberOfLines = Math.floor(resultVideoFeedConfiguration.title.numberOfLines);
+      resultVideoFeedConfiguration = { ...resultVideoFeedConfiguration,
+        title: { ...resultVideoFeedConfiguration.title,
+          numberOfLines
+        }
+      };
+    }
+
+    return resultVideoFeedConfiguration;
   }
 
 }