react-native-firework-sdk 2.2.3 → 2.2.5

package/FireworkVideoUI.xcframework/ios-arm64_x86_64-simulator/FireworkVideoUI.framework/_CodeSignature/CodeResources

@@ -14,7 +14,7 @@
 		</data>
 		<key>Info.plist</key>
 		<data>
-		kESfebJxNdzZqtggvwc2b/xlD+4=
+		P3i/2edTGa9yeKILUEa7IMZfWSg=
 		</data>
 		<key>Modules/FireworkVideoUI.swiftmodule/arm64-apple-ios-simulator.abi.json</key>
 		<data>

package/ios/Modules/LiveStream/LiveStreamModule.m

@@ -9,6 +9,6 @@
 
 @interface RCT_EXTERN_REMAP_MODULE(LiveStreamModule, LiveStreamModule, NSObject)
 
-_RCT_EXTERN_REMAP_METHOD(init, initialize, NO)
+_RCT_EXTERN_REMAP_METHOD(init, initializeSDK, NO)
 
 @end

package/ios/Modules/LiveStream/LiveStreamModule.swift

@@ -24,7 +24,7 @@ class LiveStreamModule: RCTEventEmitter, FireworkLiveStreamEventDelegate {
     }
 
     @objc
-    func initialize() {
+    func initializeSDK() {
         FireworkVideoSDK.eventTracking.liveStreamEventDelegate = self
     }
 

package/ios/Modules/Shopping/ShoppingModule.m

@@ -9,7 +9,7 @@
 
 @interface RCT_EXTERN_REMAP_MODULE(ShoppingModule, ShoppingModule, NSObject)
 
-_RCT_EXTERN_REMAP_METHOD(init, initialize, NO)
+_RCT_EXTERN_REMAP_METHOD(init, initializeSDK, NO)
 RCT_EXTERN_METHOD(setCartIconVisible:(BOOL)visible)
 RCT_EXTERN_METHOD(setCartItemCount:(int)itemCounts)
 RCT_EXTERN_METHOD(updateVideoProducts:(NSArray *)products cbId:(nonnull NSNumber *)cbId)

package/ios/Modules/Shopping/ShoppingModule.swift

@@ -48,7 +48,7 @@ class ShoppingModule: RCTEventEmitter, FireworkVideoShoppingDelegate, CartViewCo
     }
 
     @objc
-    func initialize() {
+    func initializeSDK() {
         FireworkVideoSDK.shopping.shoppingDelegate = self
         FireworkVideoSDK.shopping.cartViewControllerProvider = self
     }

package/lib/commonjs/components/StoryBlock.js

@@ -33,72 +33,6 @@ const StoryBlock = (props, forwardedRef) => {
   const nativeComponentRef = (0, _react.useRef)(null);
   const [isFullscreenState, setIsFullscreenState] = (0, _react.useState)(false);
   const [, forceUpdate] = (0, _react.useReducer)(x => x + 1, 0);
-  (0, _react.useImperativeHandle)(forwardedRef, () => {
-    const sendCommand = command => {
-      const nativeNodeHandle = (0, _reactNative.findNodeHandle)(nativeComponentRef.current);
-
-      let commandId = _reactNative.UIManager.getViewManagerConfig(NativeComponentName).Commands[command];
-
-      if (_reactNative.Platform.OS === 'android') {
-        commandId = commandId.toString();
-      }
-
-      _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}`);
@@ -235,6 +169,74 @@ const StoryBlock = (props, forwardedRef) => {
     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)(() => {
     if (_reactNative.Platform.OS === 'android') {
       const onBackPress = () => {
@@ -261,7 +263,7 @@ const StoryBlock = (props, forwardedRef) => {
   } = props;
   return /*#__PURE__*/_react.default.createElement(_FWStoryBlock.default, _extends({
     ref: nativeComponentRef,
-    key: generateKey()
+    key: key
   }, props, {
     onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
     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","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","getInstance","shareBaseURL","appLanguage","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","videoLaunchBehavior","source","channel","playlist","hashtagFilterExpression","enablePictureInPicture","dynamicContentParametersString","requiresAds","adsFetchTimeout","vastAttributesString","Platform","OS","sendCommand","command","nativeNodeHandle","current","commandId","UIManager","getViewManagerConfig","Commands","toString","dispatchViewManagerCommand","play","pause","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","subscriptionOfAppLanguageUpdated","AppLanguageUpdated","remove","setTimeout","viewId","create","onBackPress","navigator","popNativeContainer","subscription","BackHandler","addEventListener","style","assign","zIndex"],"mappings":";;;;;;;AACA;;AASA;;AAUA;;AAGA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,mBAAmB,GAAG,cAA5B;;AA0DA,MAAMC,UAGL,GAAG,CAACC,KAAD,EAA0BC,YAA1B,KAA2C;AAC7C,QAAMC,kBAAkB,GAAG,mBAAO,IAAP,CAA3B;AACA,QAAM,CAACC,iBAAD,EAAoBC,oBAApB,IAA4C,qBAAkB,KAAlB,CAAlD;AACA,QAAM,GAAGC,WAAH,IAAkB,uBAAYC,CAAD,IAAOA,CAAC,GAAG,CAAtB,EAAyB,CAAzB,CAAxB;;AAEA,QAAMC,4BAA4B,GAAIC,KAAD,IAAsC;AACzEC,0BAAaC,GAAb,CACG,2CAA0CF,KAAK,CAACG,WAAN,CAAkBC,IAAK,EADpE;;AAIA,UAAM;AAAEC,MAAAA;AAAF,QAA+Bb,KAArC;AACA,UAAM;AAAEY,MAAAA,IAAF;AAAQE,MAAAA;AAAR,QAAmBN,KAAK,CAACG,WAA/B;;AAEA,QAAIE,wBAAJ,EAA8B;AAC5B,UAAID,IAAJ,EAAU;AACR,YAAIE,MAAJ,EAAY;AACVD,UAAAA,wBAAwB,CAAC;AAAED,YAAAA,IAAF;AAAQE,YAAAA;AAAR,WAAD,CAAxB;AACD,SAFD,MAEO;AACLD,UAAAA,wBAAwB,CAAC;AAAED,YAAAA;AAAF,WAAD,CAAxB;AACD;AACF,OAND,MAMO;AACLC,QAAAA,wBAAwB;AACzB;AACF;AACF,GAnBD;;AAqBA,QAAME,sCAAsC,GAC1CP,KAD6C,IAE1C;AACHC,0BAAaC,GAAb,CACG,qDAAoDF,KAAK,CAACG,WAAN,CAAkBK,YAAa,EADtF;;AAGA,UAAM;AAAEA,MAAAA;AAAF,QAAmBR,KAAK,CAACG,WAA/B;AACAP,IAAAA,oBAAoB,CAACY,YAAD,CAApB;AACD,GARD;;AAUA,QAAMC,sCAAsC,GAAG,MAAc;AAC3D,UAAM;AAAEC,MAAAA;AAAF,QAA+BlB,KAArC;;AAEA,QAAI,CAACkB,wBAAL,EAA+B;AAC7B,aAAO,EAAP;AACD;;AAED,QAAIC,YAAY,GAAG,EAAnB;AACA,UAAMC,aAAa,GAAGC,MAAM,CAACC,IAAP,CAAYJ,wBAAZ,EAAsCK,IAAtC,EAAtB;;AACA,SAAK,MAAMC,GAAX,IAAkBJ,aAAlB,EAAiC;AAC/B,YAAMK,KAAK,GAAGP,wBAAwB,CAACM,GAAD,CAAtC;AACA,YAAME,WAAW,GAAGD,KAAK,CAACE,IAAN,CAAW,GAAX,CAApB;;AACA,UAAIR,YAAY,CAACS,MAAb,GAAsB,CAA1B,EAA6B;AAC3BT,QAAAA,YAAY,IAAI,GAAhB;AACD;;AAEDA,MAAAA,YAAY,IAAK,GAAEK,GAAI,IAAGE,WAAY,EAAtC;AACD;;AAED,WAAOP,YAAP;AACD,GApBD;;AAsBA,QAAMU,4BAA4B,GAAG,MAAM;AAAA;;AACzC,UAAM;AAAEC,MAAAA;AAAF,QAAsB9B,KAA5B;AACA,UAAM+B,cAAc,4BAAGD,eAAH,aAAGA,eAAH,uBAAGA,eAAe,CAAEC,cAApB,yEAAsC,EAA1D;;AACA,QAAI,CAACA,cAAL,EAAqB;AACnB,aAAO,EAAP;AACD;;AAED,QAAIZ,YAAY,GAAG,EAAnB;;AACA,SAAK,MAAMa,SAAX,IAAwBD,cAAxB,EAAwC;AAAA;;AACtC,UAAIZ,YAAY,CAACS,MAAb,GAAsB,CAA1B,EAA6B;AAC3BT,QAAAA,YAAY,IAAI,GAAhB;AACD;;AACDA,MAAAA,YAAY,IAAK,GAAD,mBAAGa,SAAS,CAACpB,IAAb,6DAAqB,EAAG,IAAGoB,SAAS,CAACP,KAAM,EAA3D;AACD;;AAED,WAAON,YAAP;AACD,GAhBD;;AAkBA,QAAMc,WAAW,GAAG,MAAc;AAAA;;AAChC,UAAMC,aAAa,4BAAGC,qBAAYC,WAAZ,GAA0BC,YAA7B,yEAA6C,EAAhE;AACA,UAAMC,WAAW,6BAAGH,qBAAYC,WAAZ,GAA0BE,WAA7B,2EAA4C,EAA7D;AACA,UAAMC,oBAAoB,6BACxBJ,qBAAYC,WAAZ,GAA0BG,oBADF,2EAC0B,EADpD;AAEA,UAAMC,eAAe,4BAAGD,oBAAoB,CAACE,aAAxB,yEAAyC,EAA9D;AACA,UAAMC,wBAAwB,6BAAGH,oBAAoB,CAACI,eAAxB,2EAA2C,EAAzE;AACA,UAAMC,kBAAkB,6BAAGL,oBAAoB,CAACM,SAAxB,2EAAqC,EAA7D;AACA,UAAMC,mBAAmB,6BACvBX,qBAAYC,WAAZ,GAA0BU,mBADH,2EAC0B,SADnD;AAGA,UAAM;AACJC,MAAAA,MADI;AAEJC,MAAAA,OAAO,GAAG,EAFN;AAGJC,MAAAA,QAAQ,GAAG,EAHP;AAIJC,MAAAA,uBAAuB,GAAG,EAJtB;AAKJC,MAAAA,sBAAsB,GAAG,KALrB;AAMJrB,MAAAA;AANI,QAOF9B,KAPJ;AAQA,UAAMoD,8BAA8B,GAClCnC,sCAAsC,EADxC;AAGA,UAAMoC,WAAW,4BAAGvB,eAAH,aAAGA,eAAH,uBAAGA,eAAe,CAAEuB,WAApB,yEAAmC,KAApD;AACA,UAAMC,eAAe,4BAAGxB,eAAH,aAAGA,eAAH,uBAAGA,eAAe,CAAEwB,eAApB,yEAAuC,EAA5D;AACA,UAAMC,oBAAoB,GAAG1B,4BAA4B,EAAzD;AAEA,QAAIL,GAAG,GAAI,iBAAgBU,aAAc,EAAzC;;AACA,QAAIsB,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzBjC,MAAAA,GAAG,IAAK,gBAAec,WAAY,EAAnC;AACD;;AACDd,IAAAA,GAAG,IAAK,oBAAmBgB,eAAgB,EAA3C;AACAhB,IAAAA,GAAG,IAAK,6BAA4BkB,wBAAyB,EAA7D;AACAlB,IAAAA,GAAG,IAAK,uBAAsBoB,kBAAmB,EAAjD;AACApB,IAAAA,GAAG,IAAK,wBAAuBsB,mBAAoB,EAAnD;AAEAtB,IAAAA,GAAG,IAAK,WAAUuB,MAAO,EAAzB;AACAvB,IAAAA,GAAG,IAAK,YAAWwB,OAAQ,EAA3B;AACAxB,IAAAA,GAAG,IAAK,aAAYyB,QAAS,EAA7B;AACAzB,IAAAA,GAAG,IAAK,6BAA4B4B,8BAA+B,EAAnE;AACA5B,IAAAA,GAAG,IAAK,4BAA2B0B,uBAAwB,EAA3D;AACA1B,IAAAA,GAAG,IAAK,2BAA0B2B,sBAAuB,EAAzD;AAEA3B,IAAAA,GAAG,IAAK,gBAAe6B,WAAY,EAAnC;AACA7B,IAAAA,GAAG,IAAK,oBAAmB8B,eAAgB,EAA3C;AACA9B,IAAAA,GAAG,IAAK,mBAAkB+B,oBAAqB,EAA/C;AAEA,WAAO/B,GAAP;AACD,GA/CD;;AAiDA,QAAMA,GAAG,GAAGS,WAAW,EAAvB;AAEA,kCACEhC,YADF,EAEE,MAAM;AACJ,UAAMyD,WAAW,GAAIC,OAAD,IAAqB;AACvC,YAAMC,gBAAgB,GAAG,iCAAe1D,kBAAkB,CAAC2D,OAAlC,CAAzB;;AAEA,UAAIC,SAA0B,GAC5BC,uBAAUC,oBAAV,CAA+BlE,mBAA/B,EAAoDmE,QAApD,CAA6DN,OAA7D,CADF;;AAEA,UAAIH,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7BK,QAAAA,SAAS,GAAGA,SAAS,CAACI,QAAV,EAAZ;AACD;;AAEDH,6BAAUI,0BAAV,CACE,iCAAeP,gBAAf,CADF,EAEEE,SAFF,EAGE,EAHF;AAKD,KAdD;;AAeA,WAAO;AACLM,MAAAA,IAAI,EAAE,MAAM;AACVV,QAAAA,WAAW,CAAC,MAAD,CAAX;AACD,OAHI;AAILW,MAAAA,KAAK,EAAE,MAAM;AACXX,QAAAA,WAAW,CAAC,OAAD,CAAX;AACD;AANI,KAAP;AAQD,GA1BH,EA2BE,EA3BF;AA8BA,wBAAU,MAAM;AACd,UAAMY,iCAAiC,GACrCC,iDAA8BC,WAA9B,CACEC,yBAAYC,mBADd,EAEE,MAAM;AACJjE,4BAAaC,GAAb,CAAiB,yCAAjB;;AACAL,MAAAA,WAAW;AACZ,KALH,CADF;;AAQA,UAAMsE,yCAAyC,GAC7CJ,iDAA8BC,WAA9B,CACEC,yBAAYG,2BADd,EAEE,MAAM;AACJnE,4BAAaC,GAAb,CAAiB,iDAAjB;;AACAL,MAAAA,WAAW;AACZ,KALH,CADF;;AASA,UAAMwE,wCAAwC,GAC5CN,iDAA8BC,WAA9B,CACEC,yBAAYK,0BADd,EAEE,MAAM;AACJrE,4BAAaC,GAAb,CAAiB,gDAAjB;;AACAL,MAAAA,WAAW;AACZ,KALH,CADF;;AASA,UAAM0E,gCAAgC,GACpCR,iDAA8BC,WAA9B,CACEC,yBAAYO,kBADd,EAEE,MAAM;AACJvE,4BAAaC,GAAb,CAAiB,wCAAjB;;AACA,UAAI8C,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7BpD,QAAAA,WAAW;AACZ;AACF,KAPH,CADF;;AAWA,WAAO,MAAM;AACXiE,MAAAA,iCAAiC,CAACW,MAAlC;AACAN,MAAAA,yCAAyC,CAACM,MAA1C;AACAJ,MAAAA,wCAAwC,CAACI,MAAzC;AACAF,MAAAA,gCAAgC,CAACE,MAAjC;AACD,KALD;AAMD,GA5CD,EA4CG,EA5CH;AA8CA,wBAAU,MAAM;AACd,QAAIzB,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7ByB,MAAAA,UAAU,CAAC,MAAM;AACf,cAAMC,MAAM,GAAG,iCAAejF,kBAAkB,CAAC2D,OAAlC,CAAf;;AACApD,8BAAaC,GAAb,CAAkB,qCAAoCyE,MAAO,EAA7D;;AACApB,+BAAUI,0BAAV,CACEgB,MADF,EAEEpB,uBAAUC,oBAAV,CACElE,mBADF,EAEEmE,QAFF,CAEWmB,MAFX,CAEkBlB,QAFlB,EAFF,EAKE,CAACiB,MAAD,CALF;AAOD,OAVS,EAUP,GAVO,CAAV;AAWD;AACF,GAdD,EAcG,CAAC3D,GAAD,CAdH;AAgBA,wBAAU,MAAM;AACd,QAAIgC,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7B,YAAM4B,WAAW,GAAG,MAAM;AACxB,YAAIlF,iBAAJ,EAAuB;AACrBgC,+BAAYC,WAAZ,GAA0BkD,SAA1B,CAAoCC,kBAApC;;AACA,iBAAO,IAAP;AACD;;AACD,eAAO,KAAP;AACD,OAND;;AAOA,YAAMC,YAAY,GAAGC,yBAAYC,gBAAZ,CACnB,mBADmB,EAEnBL,WAFmB,CAArB;;AAIA,aAAO,MAAM;AACXG,QAAAA,YAAY,CAACP,MAAb;AACD,OAFD;AAGD;;AAED;AACD,GAnBD,EAmBG,CAAC9E,iBAAD,CAnBH;AAqBA,QAAM;AAAEwF,IAAAA;AAAF,MAAY3F,KAAlB;AACA,sBACE,6BAAC,qBAAD;AACE,IAAA,GAAG,EAAEE,kBADP;AAEE,IAAA,GAAG,EAAEsB;AAFP,KAGMxB,KAHN;AAIE,IAAA,wBAAwB,EAAEO,4BAJ5B;AAKE,IAAA,kCAAkC,EAChCQ,sCANJ;AAQE,IAAA,KAAK,EAAEM,MAAM,CAACuE,MAAP,CAAc,EAAd,EAAkBD,KAAlB,EAAyB;AAAEE,MAAAA,MAAM,EAAE,CAAC;AAAX,KAAzB;AART,KADF;AAYD,CAhQD;;4BAkQe,uBAAW9F,UAAX,C","sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  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\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  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    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={key}\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"]}

package/lib/module/components/StoryBlock.js

@@ -13,63 +13,6 @@ const StoryBlock = (props, forwardedRef) => {
   const nativeComponentRef = useRef(null);
   const [isFullscreenState, setIsFullscreenState] = useState(false);
   const [, forceUpdate] = useReducer(x => x + 1, 0);
-  useImperativeHandle(forwardedRef, () => {
-    const sendCommand = command => {
-      const nativeNodeHandle = findNodeHandle(nativeComponentRef.current);
-      let commandId = UIManager.getViewManagerConfig(NativeComponentName).Commands[command];
-
-      if (Platform.OS === 'android') {
-        commandId = commandId.toString();
-      }
-
-      UIManager.dispatchViewManagerCommand(findNodeHandle(nativeNodeHandle), commandId, []);
-    };
-
-    return {
-      play: () => {
-        sendCommand('play');
-      },
-      pause: () => {
-        sendCommand('pause');
-      }
-    };
-  }, []);
-  useEffect(() => {
-    const subscriptionOfShareBaseURLUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.ShareBaseURLUpdated, () => {
-      FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');
-      forceUpdate();
-    });
-    const subscriptionOfAdBadgeConfigurationUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AdBadgeConfigurationUpdated, () => {
-      FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');
-      forceUpdate();
-    });
-    const subscriptionOfVideoLaunchBehaviorUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.VideoLaunchBehaviorUpdated, () => {
-      FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
-      forceUpdate();
-    });
-    const subscriptionOfAppLanguageUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AppLanguageUpdated, () => {
-      FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');
-
-      if (Platform.OS === 'android') {
-        forceUpdate();
-      }
-    });
-
-    if (Platform.OS === 'android') {
-      setTimeout(() => {
-        const viewId = findNodeHandle(nativeComponentRef.current);
-        FWLoggerUtil.log(`StoryBlock createFragment viewId: ${viewId}`);
-        UIManager.dispatchViewManagerCommand(viewId, UIManager.getViewManagerConfig(NativeComponentName).Commands.create.toString(), [viewId]);
-      }, 500);
-    }
-
-    return () => {
-      subscriptionOfShareBaseURLUpdated.remove();
-      subscriptionOfAdBadgeConfigurationUpdated.remove();
-      subscriptionOfVideoLaunchBehaviorUpdated.remove();
-      subscriptionOfAppLanguageUpdated.remove();
-    };
-  }, []);
 
   const handleStoryBlockLoadFinished = event => {
     FWLoggerUtil.log(`StoryBlock handleStoryBlockLoadFinished ${event.nativeEvent.name}`);
@@ -204,6 +147,64 @@ const StoryBlock = (props, forwardedRef) => {
     return key;
   };
 
+  const key = generateKey();
+  useImperativeHandle(forwardedRef, () => {
+    const sendCommand = command => {
+      const nativeNodeHandle = findNodeHandle(nativeComponentRef.current);
+      let commandId = UIManager.getViewManagerConfig(NativeComponentName).Commands[command];
+
+      if (Platform.OS === 'android') {
+        commandId = commandId.toString();
+      }
+
+      UIManager.dispatchViewManagerCommand(findNodeHandle(nativeNodeHandle), commandId, []);
+    };
+
+    return {
+      play: () => {
+        sendCommand('play');
+      },
+      pause: () => {
+        sendCommand('pause');
+      }
+    };
+  }, []);
+  useEffect(() => {
+    const subscriptionOfShareBaseURLUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.ShareBaseURLUpdated, () => {
+      FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');
+      forceUpdate();
+    });
+    const subscriptionOfAdBadgeConfigurationUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AdBadgeConfigurationUpdated, () => {
+      FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');
+      forceUpdate();
+    });
+    const subscriptionOfVideoLaunchBehaviorUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.VideoLaunchBehaviorUpdated, () => {
+      FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
+      forceUpdate();
+    });
+    const subscriptionOfAppLanguageUpdated = FireworkSDKModuleEventEmitter.addListener(FWEventName.AppLanguageUpdated, () => {
+      FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');
+
+      if (Platform.OS === 'android') {
+        forceUpdate();
+      }
+    });
+    return () => {
+      subscriptionOfShareBaseURLUpdated.remove();
+      subscriptionOfAdBadgeConfigurationUpdated.remove();
+      subscriptionOfVideoLaunchBehaviorUpdated.remove();
+      subscriptionOfAppLanguageUpdated.remove();
+    };
+  }, []);
+  useEffect(() => {
+    if (Platform.OS === 'android') {
+      setTimeout(() => {
+        const viewId = findNodeHandle(nativeComponentRef.current);
+        FWLoggerUtil.log(`StoryBlock createFragment viewId: ${viewId}`);
+        UIManager.dispatchViewManagerCommand(viewId, UIManager.getViewManagerConfig(NativeComponentName).Commands.create.toString(), [viewId]);
+      }, 500);
+    }
+  }, [key]);
   useEffect(() => {
     if (Platform.OS === 'android') {
       const onBackPress = () => {
@@ -228,7 +229,7 @@ const StoryBlock = (props, forwardedRef) => {
   } = props;
   return /*#__PURE__*/React.createElement(FWStoryBlock, _extends({
     ref: nativeComponentRef,
-    key: generateKey()
+    key: key
   }, props, {
     onStoryBlockLoadFinished: handleStoryBlockLoadFinished,
     onStoryBlockFullScreenStateChanged: handleStoryBlockFullscreenStateChanged,

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

@@ -1 +1 @@
-{"version":3,"sources":["StoryBlock.tsx"],"names":["React","forwardRef","useEffect","useImperativeHandle","useReducer","useRef","useState","BackHandler","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWStoryBlock","NativeComponentName","StoryBlock","props","forwardedRef","nativeComponentRef","isFullscreenState","setIsFullscreenState","forceUpdate","x","sendCommand","command","nativeNodeHandle","current","commandId","getViewManagerConfig","Commands","OS","toString","dispatchViewManagerCommand","play","pause","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","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","getInstance","shareBaseURL","appLanguage","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","videoLaunchBehavior","source","channel","playlist","hashtagFilterExpression","enablePictureInPicture","dynamicContentParametersString","requiresAds","adsFetchTimeout","vastAttributesString","onBackPress","navigator","popNativeContainer","subscription","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":["React","forwardRef","useEffect","useImperativeHandle","useReducer","useRef","useState","BackHandler","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWStoryBlock","NativeComponentName","StoryBlock","props","forwardedRef","nativeComponentRef","isFullscreenState","setIsFullscreenState","forceUpdate","x","handleStoryBlockLoadFinished","event","log","nativeEvent","name","onStoryBlockLoadFinished","reason","handleStoryBlockFullscreenStateChanged","isFullScreen","generateDynamicContentParametersString","dynamicContentParameters","resultString","sortedKeyList","Object","keys","sort","key","value","valueString","join","length","generateVastAttributesString","adConfiguration","vastAttributes","attribute","generateKey","gShareBaseURL","getInstance","shareBaseURL","appLanguage","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","videoLaunchBehavior","source","channel","playlist","hashtagFilterExpression","enablePictureInPicture","dynamicContentParametersString","requiresAds","adsFetchTimeout","vastAttributesString","OS","sendCommand","command","nativeNodeHandle","current","commandId","getViewManagerConfig","Commands","toString","dispatchViewManagerCommand","play","pause","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","subscriptionOfVideoLaunchBehaviorUpdated","VideoLaunchBehaviorUpdated","subscriptionOfAppLanguageUpdated","AppLanguageUpdated","remove","setTimeout","viewId","create","onBackPress","navigator","popNativeContainer","subscription","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\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  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    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={key}\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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "2.2.3",
+  "version": "2.2.5",
   "description": "Firework React Native SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/StoryBlock.tsx

@@ -92,94 +92,6 @@ const StoryBlock: ForwardRefRenderFunction<
   const nativeComponentRef = useRef(null);
   const [isFullscreenState, setIsFullscreenState] = useState<boolean>(false);
   const [, forceUpdate] = useReducer((x) => x + 1, 0);
-  useImperativeHandle(
-    forwardedRef,
-    () => {
-      const sendCommand = (command: string) => {
-        const nativeNodeHandle = findNodeHandle(nativeComponentRef.current);
-
-        let commandId: string | number =
-          UIManager.getViewManagerConfig(NativeComponentName).Commands[command];
-        if (Platform.OS === 'android') {
-          commandId = commandId.toString();
-        }
-
-        UIManager.dispatchViewManagerCommand(
-          findNodeHandle(nativeNodeHandle),
-          commandId,
-          []
-        );
-      };
-      return {
-        play: () => {
-          sendCommand('play');
-        },
-        pause: () => {
-          sendCommand('pause');
-        },
-      };
-    },
-    []
-  );
-  useEffect(() => {
-    const subscriptionOfShareBaseURLUpdated =
-      FireworkSDKModuleEventEmitter.addListener(
-        FWEventName.ShareBaseURLUpdated,
-        () => {
-          FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');
-          forceUpdate();
-        }
-      );
-    const subscriptionOfAdBadgeConfigurationUpdated =
-      FireworkSDKModuleEventEmitter.addListener(
-        FWEventName.AdBadgeConfigurationUpdated,
-        () => {
-          FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');
-          forceUpdate();
-        }
-      );
-
-    const subscriptionOfVideoLaunchBehaviorUpdated =
-      FireworkSDKModuleEventEmitter.addListener(
-        FWEventName.VideoLaunchBehaviorUpdated,
-        () => {
-          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
-          forceUpdate();
-        }
-      );
-
-    const subscriptionOfAppLanguageUpdated =
-      FireworkSDKModuleEventEmitter.addListener(
-        FWEventName.AppLanguageUpdated,
-        () => {
-          FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');
-          if (Platform.OS === 'android') {
-            forceUpdate();
-          }
-        }
-      );
-
-    if (Platform.OS === 'android') {
-      setTimeout(() => {
-        const viewId = findNodeHandle(nativeComponentRef.current);
-        FWLoggerUtil.log(`StoryBlock createFragment viewId: ${viewId}`);
-        UIManager.dispatchViewManagerCommand(
-          viewId,
-          UIManager.getViewManagerConfig(
-            NativeComponentName
-          ).Commands.create.toString(),
-          [viewId]
-        );
-      }, 500);
-    }
-
-    return () => {
-      subscriptionOfShareBaseURLUpdated.remove();
-      subscriptionOfAdBadgeConfigurationUpdated.remove();
-      subscriptionOfVideoLaunchBehaviorUpdated.remove();
-      subscriptionOfAppLanguageUpdated.remove();
-    };
-  }, []);
 
   const handleStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {
     FWLoggerUtil.log(
@@ -301,6 +213,100 @@ const StoryBlock: ForwardRefRenderFunction<
     return key;
   };
 
+  const key = generateKey();
+
+  useImperativeHandle(
+    forwardedRef,
+    () => {
+      const sendCommand = (command: string) => {
+        const nativeNodeHandle = findNodeHandle(nativeComponentRef.current);
+
+        let commandId: string | number =
+          UIManager.getViewManagerConfig(NativeComponentName).Commands[command];
+        if (Platform.OS === 'android') {
+          commandId = commandId.toString();
+        }
+
+        UIManager.dispatchViewManagerCommand(
+          findNodeHandle(nativeNodeHandle),
+          commandId,
+          []
+        );
+      };
+      return {
+        play: () => {
+          sendCommand('play');
+        },
+        pause: () => {
+          sendCommand('pause');
+        },
+      };
+    },
+    []
+  );
+
+  useEffect(() => {
+    const subscriptionOfShareBaseURLUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.ShareBaseURLUpdated,
+        () => {
+          FWLoggerUtil.log('Receive FWEventName.ShareBaseURLUpdated');
+          forceUpdate();
+        }
+      );
+    const subscriptionOfAdBadgeConfigurationUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.AdBadgeConfigurationUpdated,
+        () => {
+          FWLoggerUtil.log('Receive FWEventName.AdBadgeConfigurationUpdated');
+          forceUpdate();
+        }
+      );
+
+    const subscriptionOfVideoLaunchBehaviorUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.VideoLaunchBehaviorUpdated,
+        () => {
+          FWLoggerUtil.log('Receive FWEventName.VideoLaunchBehaviorUpdated');
+          forceUpdate();
+        }
+      );
+
+    const subscriptionOfAppLanguageUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.AppLanguageUpdated,
+        () => {
+          FWLoggerUtil.log('Receive FWEventName.AppLanguageUpdated');
+          if (Platform.OS === 'android') {
+            forceUpdate();
+          }
+        }
+      );
+
+    return () => {
+      subscriptionOfShareBaseURLUpdated.remove();
+      subscriptionOfAdBadgeConfigurationUpdated.remove();
+      subscriptionOfVideoLaunchBehaviorUpdated.remove();
+      subscriptionOfAppLanguageUpdated.remove();
+    };
+  }, []);
+
+  useEffect(() => {
+    if (Platform.OS === 'android') {
+      setTimeout(() => {
+        const viewId = findNodeHandle(nativeComponentRef.current);
+        FWLoggerUtil.log(`StoryBlock createFragment viewId: ${viewId}`);
+        UIManager.dispatchViewManagerCommand(
+          viewId,
+          UIManager.getViewManagerConfig(
+            NativeComponentName
+          ).Commands.create.toString(),
+          [viewId]
+        );
+      }, 500);
+    }
+  }, [key]);
+
   useEffect(() => {
     if (Platform.OS === 'android') {
       const onBackPress = () => {
@@ -326,7 +332,7 @@ const StoryBlock: ForwardRefRenderFunction<
   return (
     <FWStoryBlock
       ref={nativeComponentRef}
-      key={generateKey()}
+      key={key}
       {...props}
       onStoryBlockLoadFinished={handleStoryBlockLoadFinished}
       onStoryBlockFullScreenStateChanged={