react-native-firework-sdk 2.14.2 → 2.15.0

package/lib/module/modules/FireworkSDKModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FireworkSDKModule.ts"],"names":["NativeEventEmitter","NativeModules","LINKING_ERROR","FireworkSDKModule","FireworkSDK","Proxy","get","Error","FireworkSDKModuleEventEmitter"],"mappings":"AAAA,SAASA,kBAAT,EAA2CC,aAA3C,QAAgE,cAAhE;AAEA,SAASC,aAAT,QAA8B,6BAA9B;AAOA,MAAMC,iBAAiB,GAAGF,aAAa,CAACG,WAAd,GACtBH,aAAa,CAACG,WADQ,GAEtB,IAAIC,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUL,aAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AA2BA,MAAMM,6BAA6B,GAAG,IAAIR,kBAAJ,CAAuBG,iBAAvB,CAAtC;AACA,SAASK,6BAAT;AACA,eAAeL,iBAAf","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\n\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type AdBadgeConfiguration from '../models/AdBadgeConfiguration';\nimport type SDKInitOptions from '../models/SDKInitOptions';\nimport type TrackPurchaseParameters from '../models/TrackPurchaseParameters';\nimport type VideoPlayerNativeConfiguration from '../models/VideoPlayerNativeConfiguration';\nimport type { DataTrackingLevel } from 'src/models/DataTrackingLevel';\n\nconst FireworkSDKModule = NativeModules.FireworkSDK\n  ? NativeModules.FireworkSDK\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IFireworkSDKModule extends NativeModule {\n  init(options?: SDKInitOptions): Promise<any>;\n  markInitCalled(): Promise<boolean>;\n  openVideoPlayer(url: string, config?: VideoPlayerNativeConfiguration): void;\n  setVideoFeedClickCallbackEnabled(enabled: boolean): void; // Only supported on iOS\n  setCustomCTAClickEnabled(enabled: boolean): void;\n  setShareBaseURL(url?: string): Promise<any>;\n  setVideoPlaybackEventEnabled(enabled: boolean): void;\n  setAdBadgeConfiguration(config?: AdBadgeConfiguration): Promise<any>;\n  trackPurchase(parameters: TrackPurchaseParameters): void;\n  changeAppLanguage(language?: string | null): Promise<boolean>;\n  pausePlayer(callbackId: number | string): void; // Only supported on iOS\n  resumePlayer(callbackId: number | string): void; // Only supported on iOS\n  setDataTrackingLevel(level?: DataTrackingLevel): void; // Only supported on iOS\n}\n\nconst FireworkSDKModuleEventEmitter = new NativeEventEmitter(FireworkSDKModule);\nexport { FireworkSDKModuleEventEmitter };\nexport default FireworkSDKModule as IFireworkSDKModule;\n"]}
+{"version":3,"sources":["FireworkSDKModule.ts"],"names":["NativeEventEmitter","NativeModules","LINKING_ERROR","FireworkSDKModule","FireworkSDK","Proxy","get","Error","FireworkSDKModuleEventEmitter"],"mappings":"AAAA,SAASA,kBAAT,EAA2CC,aAA3C,QAAgE,cAAhE;AAEA,SAASC,aAAT,QAA8B,6BAA9B;AAQA,MAAMC,iBAAiB,GAAGF,aAAa,CAACG,WAAd,GACtBH,aAAa,CAACG,WADQ,GAEtB,IAAIC,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUL,aAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AA8BA,MAAMM,6BAA6B,GAAG,IAAIR,kBAAJ,CAAuBG,iBAAvB,CAAtC;AACA,SAASK,6BAAT;AACA,eAAeL,iBAAf","sourcesContent":["import { NativeEventEmitter, NativeModule, NativeModules } from 'react-native';\n\nimport { LINKING_ERROR } from '../constants/FWErrorMessage';\nimport type AdBadgeConfiguration from '../models/AdBadgeConfiguration';\nimport type SDKInitOptions from '../models/SDKInitOptions';\nimport type TrackPurchaseParameters from '../models/TrackPurchaseParameters';\nimport type VideoPlayerNativeConfiguration from '../models/VideoPlayerNativeConfiguration';\nimport type { DataTrackingLevel } from 'src/models/DataTrackingLevel';\nimport type LivestreamPlayerDesignVersion from 'src/models/LivestreamPlayerDesignVersion';\n\nconst FireworkSDKModule = NativeModules.FireworkSDK\n  ? NativeModules.FireworkSDK\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\ninterface IFireworkSDKModule extends NativeModule {\n  init(options?: SDKInitOptions): Promise<any>;\n  markInitCalled(): Promise<boolean>;\n  openVideoPlayer(url: string, config?: VideoPlayerNativeConfiguration): void;\n  setVideoFeedClickCallbackEnabled(enabled: boolean): void; // Only supported on iOS\n  setCustomCTAClickEnabled(enabled: boolean): void;\n  setShareBaseURL(url?: string): Promise<any>;\n  setVideoPlaybackEventEnabled(enabled: boolean): void;\n  setAdBadgeConfiguration(config?: AdBadgeConfiguration): Promise<any>;\n  trackPurchase(parameters: TrackPurchaseParameters): void;\n  changeAppLanguage(language?: string | null): Promise<boolean>;\n  pausePlayer(callbackId: number | string): void; // Only supported on iOS\n  resumePlayer(callbackId: number | string): void; // Only supported on iOS\n  setDataTrackingLevel(level?: DataTrackingLevel): Promise<boolean>;\n  setLivestreamPlayerDesignVersion(\n    version: LivestreamPlayerDesignVersion\n  ): Promise<boolean>;\n}\n\nconst FireworkSDKModuleEventEmitter = new NativeEventEmitter(FireworkSDKModule);\nexport { FireworkSDKModuleEventEmitter };\nexport default FireworkSDKModule as IFireworkSDKModule;\n"]}

package/lib/typescript/FireworkSDK.d.ts

@@ -1,13 +1,14 @@
 import FWNavigator from './FWNavigator';
 import LiveStream from './LiveStream';
 import type AdBadgeConfiguration from './models/AdBadgeConfiguration';
+import type { DataTrackingLevel } from './models/DataTrackingLevel';
 import type { CustomCTAClickEvent, SDKInitEvent, VideoFeedClickEvent, VideoPlaybackEvent } from './models/FWEvents';
+import LivestreamPlayerDesignVersion from './models/LivestreamPlayerDesignVersion';
+import type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';
 import type SDKInitOptions from './models/SDKInitOptions';
 import type { VideoLaunchBehavior } from './models/SDKInitOptions';
 import type TrackPurchaseParameters from './models/TrackPurchaseParameters';
 import VideoShopping from './VideoShopping';
-import type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';
-import type { DataTrackingLevel } from './models/DataTrackingLevel';
 export type SDKInitCallback = (event: SDKInitEvent) => Promise<void> | void;
 export type CustomCTAClickCallback = (event: CustomCTAClickEvent) => Promise<void> | void;
 export type VideoPlaybackCallback = (event: VideoPlaybackEvent) => Promise<void> | void;
@@ -71,6 +72,12 @@ declare class FireworkSDK {
      */
     get videoLaunchBehavior(): VideoLaunchBehavior | undefined;
     private _videoLaunchBehavior;
+    /**
+     * The version of the livestream player design.
+     */
+    get livestreamPlayerDesignVersion(): LivestreamPlayerDesignVersion;
+    set livestreamPlayerDesignVersion(value: LivestreamPlayerDesignVersion);
+    private _livestreamPlayerDesignVersion;
     private get eventEmitter();
     /**
      * Get VideoShopping object.

package/lib/typescript/index.d.ts

@@ -28,6 +28,7 @@ import LiveStreamChatEventName from './models/LiveStreamChatEventName';
 import type LiveStreamEventDetails from './models/LiveStreamEventDetails';
 import LiveStreamEventName from './models/LiveStreamEventName';
 import type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';
+import LivestreamPlayerDesignVersion from './models/LivestreamPlayerDesignVersion';
 import type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';
 import type Product from './models/Product';
 import type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';
@@ -61,4 +62,4 @@ import VideoFeedUtil from './utils/VideoFeedUtil';
 import type { ClickProductCallback, CustomClickCartIconCallback, CustomClickLinkButtonCallback, CustomTapProductCardCallback, ShoppingCTACallback, UpdateProductDetailsCallback } from './VideoShopping';
 import VideoShopping from './VideoShopping';
 export default FireworkSDK;
-export { AdBadgeConfiguration, AdBadgeTextType, AdConfiguration, AndroidFontInfo, ButtonInfo, ClickProductCallback, ClickProductEvent, CountdownTimerAppearanceMode, CountdownTimerConfiguration, CustomClickCartIconCallback, CustomClickCartIconEvent, CustomClickLinkButtonCallback, CustomClickLinkButtonEvent, CustomCTAClickCallback, CustomCTAClickEvent, CustomTapProductCardCallback, CustomTapProductCardEvent, DataTrackingLevel, FeedItemDetails, FireworkSDK, FWComponentType, FWError, FWNavigator, GradientDrawable, GradientDrawableOrientation, IOSFontInfo, IOSSystemFontStyle, IOSSystemFontWeight, IStoryBlockMethods, IStoryBlockProps, IVideoFeedProps, LinkButtonConfiguration, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, onLiveStreamChatEventCallback, onLiveStreamEventCallback, OpenVideoPlayerConfiguration, PlayerHandler, Product, ProductCardConfiguration, ProductCardCTAButtonStyle, ProductCardCTAButtonText, ProductCardIconConfiguration, ProductCardLabelConfiguration, ProductCardPriceConfiguration, ProductCardPriceLabelAxis, ProductCardTheme, ProductInfoViewConfiguration, ProductPrice, ProductUnit, ProductUnitOption, PushRNContainerParams, RNAppProps, SDKInitCallback, SDKInitEvent, SDKInitOptions, ShoppingCTAButtonConfiguration, ShoppingCTAButtonText, ShoppingCTACallback, ShoppingCTAEvent, ShoppingCTAResult, StoryBlock, StoryBlockConfiguration, StoryBlockSource, TrackPurchaseParameters, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VastAttribute, VideoFeed, VideoFeedClickCallback, VideoFeedClickEvent, VideoFeedConfiguration, VideoFeedMode, VideoFeedPadding, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoFeedUtil, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerButtonConfiguration, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTADelay, VideoPlayerCTADelayType, VideoPlayerCTAStyle, VideoPlayerCTAWidth, VideoPlayerLivestreamCountdownTimerTheme, VideoPlayerLogoConfiguration, VideoPlayerLogoOption, VideoPlayerSize, VideoPlayerStyle, VideoShopping, };
+export { AdBadgeConfiguration, AdBadgeTextType, AdConfiguration, AndroidFontInfo, ButtonInfo, ClickProductCallback, ClickProductEvent, CountdownTimerAppearanceMode, CountdownTimerConfiguration, CustomClickCartIconCallback, CustomClickCartIconEvent, CustomClickLinkButtonCallback, CustomClickLinkButtonEvent, CustomCTAClickCallback, CustomCTAClickEvent, CustomTapProductCardCallback, CustomTapProductCardEvent, DataTrackingLevel, FeedItemDetails, FireworkSDK, FWComponentType, FWError, FWNavigator, GradientDrawable, GradientDrawableOrientation, IOSFontInfo, IOSSystemFontStyle, IOSSystemFontWeight, IStoryBlockMethods, IStoryBlockProps, IVideoFeedProps, LinkButtonConfiguration, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, LivestreamPlayerDesignVersion, onLiveStreamChatEventCallback, onLiveStreamEventCallback, OpenVideoPlayerConfiguration, PlayerHandler, Product, ProductCardConfiguration, ProductCardCTAButtonStyle, ProductCardCTAButtonText, ProductCardIconConfiguration, ProductCardLabelConfiguration, ProductCardPriceConfiguration, ProductCardPriceLabelAxis, ProductCardTheme, ProductInfoViewConfiguration, ProductPrice, ProductUnit, ProductUnitOption, PushRNContainerParams, RNAppProps, SDKInitCallback, SDKInitEvent, SDKInitOptions, ShoppingCTAButtonConfiguration, ShoppingCTAButtonText, ShoppingCTACallback, ShoppingCTAEvent, ShoppingCTAResult, StoryBlock, StoryBlockConfiguration, StoryBlockSource, TrackPurchaseParameters, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VastAttribute, VideoFeed, VideoFeedClickCallback, VideoFeedClickEvent, VideoFeedConfiguration, VideoFeedMode, VideoFeedPadding, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoFeedUtil, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerButtonConfiguration, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTADelay, VideoPlayerCTADelayType, VideoPlayerCTAStyle, VideoPlayerCTAWidth, VideoPlayerLivestreamCountdownTimerTheme, VideoPlayerLogoConfiguration, VideoPlayerLogoOption, VideoPlayerSize, VideoPlayerStyle, VideoShopping, };

package/lib/typescript/models/FWEventName.d.ts

@@ -18,5 +18,7 @@ export declare enum FWEventName {
     CustomLinkButtonClick = "fw:shopping:custom-link-button-click",
     CustomProductCardTap = "fw:shopping:custom-product-card-tap",
     ProductInfoViewConfigurationUpdated = "fw:product-info-view-configuration-updated",
-    ProductClick = "fw:shopping:product-click"
+    ProductClick = "fw:shopping:product-click",
+    LivestreamPlayerDesignVersionUpdated = "fw:livestream-player-design-version-updated",
+    DataTrackingLevelUpdated = "fw:data-tracking-level-updated"
 }

package/lib/typescript/models/LivestreamPlayerDesignVersion.d.ts

@@ -0,0 +1,5 @@
+declare enum LivestreamPlayerDesignVersion {
+    v1 = "v1",
+    v2 = "v2"
+}
+export default LivestreamPlayerDesignVersion;

package/lib/typescript/models/StoryBlockConfiguration.d.ts

@@ -10,14 +10,12 @@ import type { VideoPlayerStyle } from './VideoPlayerStyle';
 export interface StoryBlockConfiguration {
     /**
      * Sets the proportion of the video player to its container.
-     * On iOS, the property only applies to full-screen story block but not to compact story block.
-     * On Android, the property applies to full-screen and compact story block.
      */
     playerStyle?: VideoPlayerStyle;
     /**
      * Behavior occurring after video is complete.
-     * On iOS, the property only applies to full-screen story block but not to compact story block.
-     * On Android, the property applies to full-screen and compact story block.
+     * On iOS, the property only applies to full screen mode but not to embedded mode.
+     * On Android, the property applies to both full screen and embedded modes.
      */
     videoCompleteAction?: VideoPlayerCompleteAction;
     /**
@@ -60,7 +58,6 @@ export interface StoryBlockConfiguration {
     ctaWidth?: VideoPlayerCTAWidth;
     /**
      * The host app could use this property to customize the button images of the video player.
-     * On iOS, the property only applies to full-screen story block but not to compact story block.
      */
     buttonConfiguration?: VideoPlayerButtonConfiguration;
     /**
@@ -79,8 +76,6 @@ export interface StoryBlockConfiguration {
     replayBadgeConfiguration?: ReplayBadgeConfiguration;
     /**
      * Specifies countdown timer configuration.
-     * On iOS, the property applies to full-screen and compact story block.
-     * On Android, the property only applies to compact story block.
      */
     countdownTimerConfiguration?: CountdownTimerConfiguration;
 }

package/lib/typescript/modules/FireworkSDKModule.d.ts

@@ -4,6 +4,7 @@ import type SDKInitOptions from '../models/SDKInitOptions';
 import type TrackPurchaseParameters from '../models/TrackPurchaseParameters';
 import type VideoPlayerNativeConfiguration from '../models/VideoPlayerNativeConfiguration';
 import type { DataTrackingLevel } from 'src/models/DataTrackingLevel';
+import type LivestreamPlayerDesignVersion from 'src/models/LivestreamPlayerDesignVersion';
 interface IFireworkSDKModule extends NativeModule {
     init(options?: SDKInitOptions): Promise<any>;
     markInitCalled(): Promise<boolean>;
@@ -17,7 +18,8 @@ interface IFireworkSDKModule extends NativeModule {
     changeAppLanguage(language?: string | null): Promise<boolean>;
     pausePlayer(callbackId: number | string): void;
     resumePlayer(callbackId: number | string): void;
-    setDataTrackingLevel(level?: DataTrackingLevel): void;
+    setDataTrackingLevel(level?: DataTrackingLevel): Promise<boolean>;
+    setLivestreamPlayerDesignVersion(version: LivestreamPlayerDesignVersion): Promise<boolean>;
 }
 declare const FireworkSDKModuleEventEmitter: NativeEventEmitter;
 export { FireworkSDKModuleEventEmitter };

package/package.json

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

package/react-native-firework-sdk.podspec

@@ -33,6 +33,6 @@ fi
   s.static_framework = true
 
   s.dependency 'React-Core'
-  s.dependency 'FireworkVideoUI', '0.1.4'
-  s.dependency 'FireworkVideo', '1.23.3'
+  s.dependency 'FireworkVideoUI', '0.2.11'
+  s.dependency 'FireworkVideo', '1.27.3'
 end

package/src/FireworkSDK.ts

@@ -3,6 +3,7 @@ import { NativeEventEmitter, Platform } from 'react-native';
 import FWNavigator from './FWNavigator';
 import LiveStream from './LiveStream';
 import type AdBadgeConfiguration from './models/AdBadgeConfiguration';
+import type { DataTrackingLevel } from './models/DataTrackingLevel';
 import { FWEventName } from './models/FWEventName';
 import type {
   CustomCTAClickEvent,
@@ -10,6 +11,8 @@ import type {
   VideoFeedClickEvent,
   VideoPlaybackEvent,
 } from './models/FWEvents';
+import LivestreamPlayerDesignVersion from './models/LivestreamPlayerDesignVersion';
+import type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';
 import type SDKInitOptions from './models/SDKInitOptions';
 import type { VideoLaunchBehavior } from './models/SDKInitOptions';
 import type TrackPurchaseParameters from './models/TrackPurchaseParameters';
@@ -18,11 +21,9 @@ import FireworkSDKModule, {
 } from './modules/FireworkSDKModule';
 import LiveStreamModule from './modules/LiveStreamModule';
 import ShoppingModule from './modules/ShoppingModule';
+import FWGlobalState from './utils/FWGlobalState';
 import FWLoggerUtil from './utils/FWLoggerUtil';
 import VideoShopping from './VideoShopping';
-import FWGlobalState from './utils/FWGlobalState';
-import type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';
-import type { DataTrackingLevel } from './models/DataTrackingLevel';
 
 export type SDKInitCallback = (event: SDKInitEvent) => Promise<void> | void;
 export type CustomCTAClickCallback = (
@@ -94,7 +95,6 @@ class FireworkSDK {
   }
   public set shareBaseURL(value: string | undefined) {
     this.updateInternalShareBaseURL(value);
-    FireworkSDKModule.setShareBaseURL(value ?? '');
   }
   private _shareBaseURL: string | undefined;
 
@@ -114,10 +114,12 @@ class FireworkSDK {
       this._adBadgeConfiguration?.androidFontInfo?.typefaceName !==
         value?.androidFontInfo?.typefaceName;
     this._adBadgeConfiguration = value;
-    if (valueHasChanged) {
-      this.eventEmitter.emit(FWEventName.AdBadgeConfigurationUpdated);
-    }
-    FireworkSDKModule.setAdBadgeConfiguration(value ?? {});
+
+    FireworkSDKModule.setAdBadgeConfiguration(value ?? {}).then(() => {
+      if (valueHasChanged) {
+        this.eventEmitter.emit(FWEventName.AdBadgeConfigurationUpdated);
+      }
+    });
   }
   private _adBadgeConfiguration: AdBadgeConfiguration | undefined;
 
@@ -133,8 +135,13 @@ class FireworkSDK {
     return this._dataTrackingLevel;
   }
   public set dataTrackingLevel(value: DataTrackingLevel) {
+    const valueHasChanged = this._dataTrackingLevel !== value;
     this._dataTrackingLevel = value;
-    FireworkSDKModule.setDataTrackingLevel(value);
+    FireworkSDKModule.setDataTrackingLevel(value).then(() => {
+      if (valueHasChanged) {
+        this.eventEmitter.emit(FWEventName.DataTrackingLevelUpdated);
+      }
+    });
   }
   private _dataTrackingLevel: DataTrackingLevel = 'all';
 
@@ -157,6 +164,28 @@ class FireworkSDK {
   }
   private _videoLaunchBehavior: VideoLaunchBehavior | undefined;
 
+  /**
+   * The version of the livestream player design.
+   */
+  public get livestreamPlayerDesignVersion(): LivestreamPlayerDesignVersion {
+    return this._livestreamPlayerDesignVersion;
+  }
+  public set livestreamPlayerDesignVersion(
+    value: LivestreamPlayerDesignVersion
+  ) {
+    const valueHasChanged = this._livestreamPlayerDesignVersion !== value;
+    this._livestreamPlayerDesignVersion = value;
+    FireworkSDKModule.setLivestreamPlayerDesignVersion(value).then(() => {
+      if (valueHasChanged) {
+        this.eventEmitter.emit(
+          FWEventName.LivestreamPlayerDesignVersionUpdated
+        );
+      }
+    });
+  }
+  private _livestreamPlayerDesignVersion: LivestreamPlayerDesignVersion =
+    LivestreamPlayerDesignVersion.v1;
+
   private get eventEmitter(): NativeEventEmitter {
     return FireworkSDKModuleEventEmitter;
   }
@@ -283,10 +312,10 @@ class FireworkSDK {
     const videoLaunchBehaviorUpdated =
       this._videoLaunchBehavior !== options?.videoLaunchBehavior;
     this._videoLaunchBehavior = options?.videoLaunchBehavior;
+    await FireworkSDKModule.init(options);
     if (videoLaunchBehaviorUpdated) {
       this.eventEmitter.emit(FWEventName.VideoLaunchBehaviorUpdated);
     }
-    await FireworkSDKModule.init(options);
     await this.completeRemainingInitialization();
   }
 
@@ -382,9 +411,11 @@ class FireworkSDK {
   private updateInternalShareBaseURL(shareBaseURL?: string) {
     const shareBaseURLChanged = this._shareBaseURL !== shareBaseURL;
     this._shareBaseURL = shareBaseURL;
-    if (shareBaseURLChanged) {
-      this.eventEmitter.emit(FWEventName.ShareBaseURLUpdated);
-    }
+    FireworkSDKModule.setShareBaseURL(shareBaseURL ?? '').then(() => {
+      if (shareBaseURLChanged) {
+        this.eventEmitter.emit(FWEventName.ShareBaseURLUpdated);
+      }
+    });
   }
 
   private async completeRemainingInitialization(): Promise<void> {

package/src/components/StoryBlock.tsx

@@ -339,6 +339,9 @@ const StoryBlock: ForwardRefRenderFunction<
       adBadgeConfiguration?.androidFontInfo?.isCustom;
     const androidFontTypefaceNameOfAdBadge =
       adBadgeConfiguration?.androidFontInfo?.typefaceName;
+    const dataTrackingLevel = FireworkSDK.getInstance().dataTrackingLevel;
+    const livestreamPlayerDesignVersion =
+      FireworkSDK.getInstance().livestreamPlayerDesignVersion;
 
     const {
       source,
@@ -399,7 +402,8 @@ const StoryBlock: ForwardRefRenderFunction<
       key += `_androidFontIsCustomOfAdBadge${androidFontIsCustomOfAdBadge}`;
       key += `_androidFontTypefaceNameOfAdBadge${androidFontTypefaceNameOfAdBadge}`;
     }
-
+    key += `_dataTrackingLevel:${dataTrackingLevel}`;
+    key += `_livestreamPlayerDesignVersion:${livestreamPlayerDesignVersion}`;
     key += `_source:${source}`;
     key += `_channel:${channel}`;
     key += `_playlist:${playlist}`;
@@ -553,12 +557,34 @@ const StoryBlock: ForwardRefRenderFunction<
         }
       );
 
+    const subscriptionOfDataTrackingLevelUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.DataTrackingLevelUpdated,
+        () => {
+          FWLoggerUtil.log('Receive FWEventName.DataTrackingLevelUpdated');
+          forceUpdate();
+        }
+      );
+
+    const subscriptionOfLivestreamPlayerDesignVersionUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.LivestreamPlayerDesignVersionUpdated,
+        () => {
+          FWLoggerUtil.log(
+            'Receive FWEventName.LivestreamPlayerDesignVersionUpdated'
+          );
+          forceUpdate();
+        }
+      );
+
     return () => {
       subscriptionOfShareBaseURLUpdated.remove();
       subscriptionOfAdBadgeConfigurationUpdated.remove();
       subscriptionOfVideoLaunchBehaviorUpdated.remove();
       subscriptionOfAppLanguageUpdated.remove();
       subscriptionOfProductInfoViewConfigurationUpdated.remove();
+      subscriptionOfDataTrackingLevelUpdated.remove();
+      subscriptionOfLivestreamPlayerDesignVersionUpdated.remove();
     };
   }, []);
 

package/src/components/VideoFeed.tsx

@@ -347,6 +347,30 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
         }
       );
     this._subscriptions.push(subscriptionOfAppLanguageUpdated);
+
+    const subscriptionOfDataTrackingLevelUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.DataTrackingLevelUpdated,
+        () => {
+          FWLoggerUtil.log('Receive FWEventName.DataTrackingLevelUpdated');
+          this.setState({});
+        }
+      );
+    this._subscriptions.push(subscriptionOfDataTrackingLevelUpdated);
+
+    const subscriptionOfLivestreamPlayerDesignVersionUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.LivestreamPlayerDesignVersionUpdated,
+        () => {
+          FWLoggerUtil.log(
+            'Receive FWEventName.LivestreamPlayerDesignVersionUpdated'
+          );
+          this.setState({});
+        }
+      );
+    this._subscriptions.push(
+      subscriptionOfLivestreamPlayerDesignVersionUpdated
+    );
   }
 
   /**
@@ -383,6 +407,9 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
       adBadgeConfiguration?.androidFontInfo?.isCustom?.toString();
     const androidFontTypefaceNameOfAdBadge =
       adBadgeConfiguration?.androidFontInfo?.typefaceName;
+    const dataTrackingLevel = FireworkSDK.getInstance().dataTrackingLevel;
+    const livestreamPlayerDesignVersion =
+      FireworkSDK.getInstance().livestreamPlayerDesignVersion;
 
     const {
       source,
@@ -465,7 +492,8 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
       key += `_androidFontIsCustomOfAdBadge${androidFontIsCustomOfAdBadge}`;
       key += `_androidFontTypefaceNameOfAdBadge${androidFontTypefaceNameOfAdBadge}`;
     }
-
+    key += `_dataTrackingLevel:${dataTrackingLevel}`;
+    key += `_livestreamPlayerDesignVersion:${livestreamPlayerDesignVersion}`;
     key += `_source:${source}`;
     key += `_channel:${channel}`;
     key += `_playlist:${playlist}`;

package/src/index.ts

@@ -56,6 +56,7 @@ import LiveStreamChatEventName from './models/LiveStreamChatEventName';
 import type LiveStreamEventDetails from './models/LiveStreamEventDetails';
 import LiveStreamEventName from './models/LiveStreamEventName';
 import type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';
+import LivestreamPlayerDesignVersion from './models/LivestreamPlayerDesignVersion';
 import type OpenVideoPlayerConfiguration from './models/OpenVideoPlayerConfiguration';
 import type Product from './models/Product';
 import type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';
@@ -161,6 +162,7 @@ export {
   LiveStreamEventDetails,
   LiveStreamEventName,
   LiveStreamMessageDetails,
+  LivestreamPlayerDesignVersion,
   onLiveStreamChatEventCallback,
   onLiveStreamEventCallback,
   OpenVideoPlayerConfiguration,

package/src/models/FWEventName.ts

@@ -19,4 +19,6 @@ export enum FWEventName {
   CustomProductCardTap = 'fw:shopping:custom-product-card-tap',
   ProductInfoViewConfigurationUpdated = 'fw:product-info-view-configuration-updated',
   ProductClick = 'fw:shopping:product-click',
+  LivestreamPlayerDesignVersionUpdated = 'fw:livestream-player-design-version-updated',
+  DataTrackingLevelUpdated = 'fw:data-tracking-level-updated',
 }

package/src/models/LivestreamPlayerDesignVersion.ts

@@ -0,0 +1,6 @@
+enum LivestreamPlayerDesignVersion {
+  v1 = 'v1',
+  v2 = 'v2',
+}
+
+export default LivestreamPlayerDesignVersion;

package/src/models/StoryBlockConfiguration.ts

@@ -11,14 +11,12 @@ import type { VideoPlayerStyle } from './VideoPlayerStyle';
 export interface StoryBlockConfiguration {
   /**
    * Sets the proportion of the video player to its container.
-   * On iOS, the property only applies to full-screen story block but not to compact story block.
-   * On Android, the property applies to full-screen and compact story block.
    */
   playerStyle?: VideoPlayerStyle;
   /**
    * Behavior occurring after video is complete.
-   * On iOS, the property only applies to full-screen story block but not to compact story block.
-   * On Android, the property applies to full-screen and compact story block.
+   * On iOS, the property only applies to full screen mode but not to embedded mode.
+   * On Android, the property applies to both full screen and embedded modes.
    */
   videoCompleteAction?: VideoPlayerCompleteAction;
   /**
@@ -61,7 +59,6 @@ export interface StoryBlockConfiguration {
   ctaWidth?: VideoPlayerCTAWidth;
   /**
    * The host app could use this property to customize the button images of the video player.
-   * On iOS, the property only applies to full-screen story block but not to compact story block.
    */
   buttonConfiguration?: VideoPlayerButtonConfiguration;
   /**
@@ -80,8 +77,6 @@ export interface StoryBlockConfiguration {
   replayBadgeConfiguration?: ReplayBadgeConfiguration;
   /**
    * Specifies countdown timer configuration.
-   * On iOS, the property applies to full-screen and compact story block.
-   * On Android, the property only applies to compact story block.
    */
   countdownTimerConfiguration?: CountdownTimerConfiguration;
 }

package/src/modules/FireworkSDKModule.ts

@@ -6,6 +6,7 @@ import type SDKInitOptions from '../models/SDKInitOptions';
 import type TrackPurchaseParameters from '../models/TrackPurchaseParameters';
 import type VideoPlayerNativeConfiguration from '../models/VideoPlayerNativeConfiguration';
 import type { DataTrackingLevel } from 'src/models/DataTrackingLevel';
+import type LivestreamPlayerDesignVersion from 'src/models/LivestreamPlayerDesignVersion';
 
 const FireworkSDKModule = NativeModules.FireworkSDK
   ? NativeModules.FireworkSDK
@@ -31,7 +32,10 @@ interface IFireworkSDKModule extends NativeModule {
   changeAppLanguage(language?: string | null): Promise<boolean>;
   pausePlayer(callbackId: number | string): void; // Only supported on iOS
   resumePlayer(callbackId: number | string): void; // Only supported on iOS
-  setDataTrackingLevel(level?: DataTrackingLevel): void; // Only supported on iOS
+  setDataTrackingLevel(level?: DataTrackingLevel): Promise<boolean>;
+  setLivestreamPlayerDesignVersion(
+    version: LivestreamPlayerDesignVersion
+  ): Promise<boolean>;
 }
 
 const FireworkSDKModuleEventEmitter = new NativeEventEmitter(FireworkSDKModule);