react-native-firework-sdk 2.12.1 → 2.14.0

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

@@ -1,7 +1,7 @@
 export interface ReplayBadgeConfiguration {
     /**
      * Indicates if the replay badge is hidden.
-     * Defaults to false.
+     * Defaults to true.
      */
     isHidden?: boolean;
 }

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

@@ -32,8 +32,6 @@ export interface StoryBlockConfiguration {
     ctaButtonStyle?: VideoPlayerCTAStyle;
     /**
      * Indicates if the video player shows playback button.
-     * The property only applies to full-screen story block but not to compact story block.
-     * Only supported on Android.
      */
     showPlaybackButton?: boolean;
     /**

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

@@ -20,7 +20,6 @@ export interface VideoFeedTitleConfiguration {
     fontSize?: number;
     /**
      * Specifies the number of allowed lines for the label.
-     * Only supported on iOS.
      * Defaults to 2.
      */
     numberOfLines?: number;

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

@@ -0,0 +1 @@
+export type VideoPlayerLivestreamCountdownTimerTheme = 'dark' | 'light';

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

@@ -3,6 +3,7 @@ import type AdBadgeConfiguration from '../models/AdBadgeConfiguration';
 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';
 interface IFireworkSDKModule extends NativeModule {
     init(options?: SDKInitOptions): Promise<any>;
     markInitCalled(): Promise<boolean>;
@@ -16,6 +17,7 @@ interface IFireworkSDKModule extends NativeModule {
     changeAppLanguage(language?: string | null): Promise<boolean>;
     pausePlayer(callbackId: number | string): void;
     resumePlayer(callbackId: number | string): void;
+    setDataTrackingLevel(level?: DataTrackingLevel): void;
 }
 declare const FireworkSDKModuleEventEmitter: NativeEventEmitter;
 export { FireworkSDKModuleEventEmitter };

package/lib/typescript/utils/FWGlobalState.d.ts

@@ -1,8 +1,10 @@
+import type { FWComponentType } from 'src/models/FWComponentType';
 declare class FWGlobalState {
     private static _instance?;
     private sdkInitCalledResolveFunc?;
     sdkInitCalledPromise: Promise<void>;
     sdkInitCalled: boolean;
+    componentTypeByFeedIdMap: Map<string, FWComponentType>;
     static getInstance(): FWGlobalState;
     private constructor();
     resolveSdkInitCalled(): void;

package/package.json

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

package/react-native-firework-sdk.podspec

@@ -29,9 +29,10 @@ fi
   s.exclude_files = [
     'ios/Support/**/*'
   ]
-
+  s.frameworks = 'Network'
   s.static_framework = true
+
   s.dependency 'React-Core'
-  s.dependency 'FireworkVideoUI', '0.1.0'
-  s.dependency 'FireworkVideo', '1.19.0'
+  s.dependency 'FireworkVideoUI', '0.1.2'
+  s.dependency 'FireworkVideo', '1.21.0'
 end

package/src/FireworkSDK.ts

@@ -22,6 +22,7 @@ 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 = (
@@ -125,6 +126,18 @@ class FireworkSDK {
   }
   private _appLanguage: string | undefined | null;
 
+  /**
+   * The configuration for data tracking level.
+   */
+  public get dataTrackingLevel(): DataTrackingLevel {
+    return this._dataTrackingLevel;
+  }
+  public set dataTrackingLevel(value: DataTrackingLevel) {
+    this._dataTrackingLevel = value;
+    FireworkSDKModule.setDataTrackingLevel(value);
+  }
+  private _dataTrackingLevel: DataTrackingLevel = 'all';
+
   /**
    * Defaults to false.
    * You can enable debug logs by setting this property to true.
@@ -172,6 +185,8 @@ class FireworkSDK {
   }
   private _navigator: FWNavigator = FWNavigator.getInstance();
 
+  private hasCalledSDKInitCallback: boolean = false;
+
   /**
    * Get global single instance of FireworkSDK class.
    * @returns FireworkSDK
@@ -190,8 +205,15 @@ class FireworkSDK {
     this.eventEmitter.addListener(FWEventName.SDKInit, (event) => {
       FWLoggerUtil.log(`Receive SDKInit event ${event?.error}`);
 
-      if (this.onSDKInit && event) {
-        this.onSDKInit(event);
+      if (event && !event.error) {
+        this.completeRemainingInitialization();
+      }
+
+      if (!this.hasCalledSDKInitCallback) {
+        this.hasCalledSDKInitCallback = true;
+        if (this.onSDKInit && event) {
+          this.onSDKInit(event);
+        }
       }
     });
 
@@ -265,25 +287,29 @@ class FireworkSDK {
       this.eventEmitter.emit(FWEventName.VideoLaunchBehaviorUpdated);
     }
     await FireworkSDKModule.init(options);
-    await ShoppingModule.init();
-    await LiveStreamModule.init();
-
-    FWGlobalState.getInstance().resolveSdkInitCalled();
+    await this.completeRemainingInitialization();
   }
 
   /**
    * You only need to call this method when you call init method in native side instead of JS side.
    */
-  public async markInitCalled(): Promise<void> {
+  /**
+   * You need to call this method when you call init method in native side.
+   * @param nativeLazyInit
+   * Genenally, you should call naitve init in application(:, didFinishLaunchingWithOptions:) -> Bool on iOS
+   * and MainApplication.onCreate on Android. If not, you should pass nativeLazyInit as true.
+   */
+  public async markInitCalled(nativeLazyInit: boolean = false): Promise<void> {
     FWLoggerUtil.log('Call FireworkSDK markInitCalled method');
-
-    const hasCalledSDKInitFromNative = await FireworkSDKModule.markInitCalled();
-    if (hasCalledSDKInitFromNative) {
-      await ShoppingModule.init();
-      await LiveStreamModule.init();
+    if (!nativeLazyInit) {
+      await this.completeRemainingInitialization();
+      await FireworkSDKModule.markInitCalled();
+    } else {
+      const hasCalledSDKInit = await FireworkSDKModule.markInitCalled();
+      if (hasCalledSDKInit) {
+        await this.completeRemainingInitialization();
+      }
     }
-
-    FWGlobalState.getInstance().resolveSdkInitCalled();
   }
 
   /**
@@ -336,6 +362,15 @@ class FireworkSDK {
     return result;
   }
 
+  /**
+   * Get the component type based on feedId.
+   * @param {string} feedId
+   * @returns {string | undefined} The component type based on feedId.
+   */
+  public getComponentType(feedId: string) {
+    return FWGlobalState.getInstance().componentTypeByFeedIdMap.get(feedId);
+  }
+
   private updateInternalAppLanguage(language?: string | null) {
     const valueHasChanged = this._appLanguage !== language;
     this._appLanguage = language;
@@ -351,6 +386,16 @@ class FireworkSDK {
       this.eventEmitter.emit(FWEventName.ShareBaseURLUpdated);
     }
   }
+
+  private async completeRemainingInitialization(): Promise<void> {
+    if (FWGlobalState.getInstance().sdkInitCalled) {
+      return;
+    }
+
+    FWGlobalState.getInstance().resolveSdkInitCalled();
+    await ShoppingModule.init();
+    await LiveStreamModule.init();
+  }
 }
 
 export default FireworkSDK;

package/src/VideoShopping.ts

@@ -2,6 +2,7 @@ import { NativeEventEmitter, Platform } from 'react-native';
 
 import { FWEventName } from './models/FWEventName';
 import type {
+  ClickProductEvent,
   CustomClickCartIconEvent,
   CustomClickLinkButtonEvent,
   CustomTapProductCardEvent,
@@ -40,6 +41,10 @@ export type CustomTapProductCardCallback = (
   event: CustomTapProductCardEvent
 ) => Promise<void> | void;
 
+export type ClickProductCallback = (
+  event: ClickProductEvent
+) => Promise<void> | void;
+
 /**
  * The entry class of video shopping.
  */
@@ -106,6 +111,12 @@ class VideoShopping {
   }
   private _onCustomTapProductCard?: CustomTapProductCardCallback | undefined;
 
+  /**
+   * This callback is triggered when the user clicks product card.
+   * Only supported on iOS
+   */
+  public onClickProduct?: ClickProductCallback;
+
   /**
    * Defaults to true.
    * You can hide the cart icon by setting this property to false.
@@ -229,6 +240,13 @@ class VideoShopping {
         this.handleCustomProductCardTapEvent(event);
       }
     });
+
+    this.eventEmitter.addListener(FWEventName.ProductClick, (event) => {
+      FWLoggerUtil.log(`Receive ProductClick event url: ${event?.url}`);
+      if (event) {
+        this.handleProductClickEvent(event);
+      }
+    });
   }
 
   /**
@@ -336,6 +354,12 @@ class VideoShopping {
       this.onCustomTapProductCard(event);
     }
   }
+
+  private async handleProductClickEvent(event: ClickProductEvent) {
+    if (this.onClickProduct) {
+      this.onClickProduct(event);
+    }
+  }
 }
 
 export default VideoShopping;

package/src/components/StoryBlock.tsx

@@ -30,6 +30,7 @@ import FWLoggerUtil from '../utils/FWLoggerUtil';
 import FWStoryBlock from './FWStoryBlock';
 import type ButtonInfo from '../models/ButtonInfo';
 import gennerateJsonKey from '../utils/FWJsonUtil';
+import { FWComponentType } from '../models/FWComponentType';
 
 const NativeComponentName = 'FWStoryBlock';
 
@@ -250,6 +251,13 @@ const StoryBlock: ForwardRefRenderFunction<
 
     const { feedId } = event.nativeEvent;
 
+    if (feedId) {
+      FWGlobalState.getInstance().componentTypeByFeedIdMap.set(
+        feedId,
+        FWComponentType.storyBlock
+      );
+    }
+
     if (onStoryBlockGetFeedId) {
       onStoryBlockGetFeedId(feedId ?? '');
     }

package/src/components/VideoFeed.tsx

@@ -25,6 +25,7 @@ import FWGlobalState from '../utils/FWGlobalState';
 import gennerateJsonKey from '../utils/FWJsonUtil';
 import FWLoggerUtil from '../utils/FWLoggerUtil';
 import FWVideoFeed from './FWVideoFeed';
+import { FWComponentType } from '../models/FWComponentType';
 
 export type VideoFeedMode = 'row' | 'column' | 'grid';
 
@@ -163,7 +164,7 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
     }
     let reactTag: number | null = findNodeHandle(nativeNodeHandle);
     FWLoggerUtil.log(
-      `StoryBlock refresh commandId: ${commandId} nativeNodeHandle: ${nativeNodeHandle} reactTag: ${reactTag}`
+      `VideoFeed refresh commandId: ${commandId} nativeNodeHandle: ${nativeNodeHandle} reactTag: ${reactTag}`
     );
     if (!nativeNodeHandle || !reactTag) {
       return;
@@ -172,9 +173,6 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
   };
 
   private _onVideoFeedLoadFinished = (event: NativeSyntheticEvent<any>) => {
-    FWLoggerUtil.log(
-      `VideoFeed _onVideoFeedLoadFinished ${JSON.stringify(event.nativeEvent)}`
-    );
     const { onVideoFeedLoadFinished, onVideoFeedEmpty } = this.props;
 
     const { name, reason, action } = event.nativeEvent;
@@ -185,8 +183,11 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
         if (reason) {
           error.reason = reason;
         }
-        onVideoFeedLoadFinished(error);
+
         if (Platform.OS === 'android') {
+          if (!this._loaded) {
+            onVideoFeedLoadFinished(error);
+          }
           if (
             action === FWNativeErrorAction.loadingFirstPage ||
             !this._loaded
@@ -194,12 +195,19 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
             onVideoFeedEmpty?.(error);
           }
         } else {
+          onVideoFeedLoadFinished(error);
           if (!this._loaded) {
             onVideoFeedEmpty?.(error);
           }
         }
       } else {
-        onVideoFeedLoadFinished();
+        if (Platform.OS === 'android') {
+          if (!this._loaded) {
+            onVideoFeedLoadFinished();
+          }
+        } else {
+          onVideoFeedLoadFinished();
+        }
         this._loaded = true;
       }
     }
@@ -274,6 +282,13 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
 
     const { feedId } = event.nativeEvent;
 
+    if (feedId) {
+      FWGlobalState.getInstance().componentTypeByFeedIdMap.set(
+        feedId,
+        FWComponentType.videoFeed
+      );
+    }
+
     if (onVideoFeedGetFeedId) {
       onVideoFeedGetFeedId(feedId ?? '');
     }
@@ -390,6 +405,7 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
     const titleHidden = videoFeedConfiguration?.title?.hidden?.toString();
     const titleTextColor = videoFeedConfiguration?.title?.textColor;
     const titleFontSize = videoFeedConfiguration?.title?.fontSize?.toFixed(5);
+    const titleNumberOfLines = videoFeedConfiguration?.title?.numberOfLines;
     const titleAndroidFontInfo = videoFeedConfiguration?.title?.androidFontInfo;
     const titleGradientDrawable =
       videoFeedConfiguration?.title?.gradientDrawable;
@@ -399,7 +415,7 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
       videoFeedConfiguration?.playIcon?.iconWidth?.toFixed(5);
     const showAdBadge = videoFeedConfiguration?.showAdBadge?.toString();
     const enableAutoplay = videoFeedConfiguration?.enableAutoplay;
-    const gridColumns = videoFeedConfiguration?.gridColumns?.toFixed(5);
+    const gridColumns = videoFeedConfiguration?.gridColumns;
     const itemSpacing = videoFeedConfiguration?.itemSpacing?.toFixed(5);
 
     const videoPlayerConfiguration = this._getVideoPlayerConfiguration();
@@ -466,6 +482,7 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
       key += `_cornerRadius:${cornerRadius}`;
       key += `_titleTextColor:${titleTextColor}`;
       key += `_titleFontSize:${titleFontSize}`;
+      key += `_titleNumberOfLines:${titleNumberOfLines}`;
       key += `_titleAndroidFontInfo.isCustom:${titleAndroidFontInfo?.isCustom}`;
       key += `_titleAndroidFontInfo.typefaceName:${titleAndroidFontInfo?.typefaceName}`;
       key += `_titleGradientDrawable.orientation:${titleGradientDrawable?.orientation}`;

package/src/index.ts

@@ -1,4 +1,10 @@
-import FWNavigator from './FWNavigator';
+import type {
+  IStoryBlockMethods,
+  IStoryBlockProps,
+} from './components/StoryBlock';
+import StoryBlock from './components/StoryBlock';
+import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';
+import VideoFeed from './components/VideoFeed';
 import type {
   CustomCTAClickCallback,
   SDKInitCallback,
@@ -6,26 +12,12 @@ import type {
   VideoPlaybackCallback,
 } from './FireworkSDK';
 import FireworkSDK from './FireworkSDK';
+import FWNavigator from './FWNavigator';
 import type {
   onLiveStreamChatEventCallback,
   onLiveStreamEventCallback,
 } from './LiveStream';
 import LiveStream from './LiveStream';
-import type {
-  CustomClickCartIconCallback,
-  CustomClickLinkButtonCallback,
-  CustomTapProductCardCallback,
-  ShoppingCTACallback,
-  UpdateProductDetailsCallback,
-} from './VideoShopping';
-import VideoShopping from './VideoShopping';
-import type {
-  IStoryBlockMethods,
-  IStoryBlockProps,
-} from './components/StoryBlock';
-import StoryBlock from './components/StoryBlock';
-import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';
-import VideoFeed from './components/VideoFeed';
 import type AdBadgeConfiguration from './models/AdBadgeConfiguration';
 import type { AdBadgeTextType } from './models/AdBadgeConfiguration';
 import type AdConfiguration from './models/AdConfiguration';
@@ -34,11 +26,15 @@ import type AndroidFontInfo from './models/AndroidFontInfo';
 import type ButtonInfo from './models/ButtonInfo';
 import type CountdownTimerConfiguration from './models/CountdownTimerConfiguration';
 import type { CountdownTimerAppearanceMode } from './models/CountdownTimerConfiguration';
+import type { DataTrackingLevel } from './models/DataTrackingLevel';
+import type FeedItemDetails from './models/FeedItemDetails';
+import { FWComponentType } from './models/FWComponentType';
 import type FWError from './models/FWError';
 import type {
-  CustomCTAClickEvent,
+  ClickProductEvent,
   CustomClickCartIconEvent,
   CustomClickLinkButtonEvent,
+  CustomCTAClickEvent,
   CustomTapProductCardEvent,
   LiveStreamChatEvent,
   LiveStreamEvent,
@@ -49,7 +45,6 @@ import type {
   VideoFeedClickEvent,
   VideoPlaybackEvent,
 } from './models/FWEvents';
-import type FeedItemDetails from './models/FeedItemDetails';
 import type GradientDrawable from './models/GradientDrawable';
 import type { GradientDrawableOrientation } from './models/GradientDrawable';
 import type IOSFontInfo from './models/IOSFontInfo';
@@ -66,9 +61,9 @@ import type Product from './models/Product';
 import type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';
 import type {
   LinkButtonConfiguration,
+  ProductCardConfiguration,
   ProductCardCTAButtonStyle,
   ProductCardCTAButtonText,
-  ProductCardConfiguration,
   ProductCardIconConfiguration,
   ProductCardLabelConfiguration,
   ProductCardPriceConfiguration,
@@ -99,20 +94,30 @@ import type VideoPlaybackDetails from './models/VideoPlaybackDetails';
 import type { VideoPlayerSize } from './models/VideoPlaybackDetails';
 import VideoPlaybackEventName from './models/VideoPlaybackEventName';
 import type VideoPlayerButtonConfiguration from './models/VideoPlayerButtonConfiguration';
+import type { VideoPlayerCompleteAction } from './models/VideoPlayerCompleteAction';
+import type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';
 import type {
   VideoPlayerCTADelay,
   VideoPlayerCTADelayType,
 } from './models/VideoPlayerCTADelay';
 import type { VideoPlayerCTAStyle } from './models/VideoPlayerCTAStyle';
 import type { VideoPlayerCTAWidth } from './models/VideoPlayerCTAWidth';
-import type { VideoPlayerCompleteAction } from './models/VideoPlayerCompleteAction';
-import type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';
+import type { VideoPlayerLivestreamCountdownTimerTheme } from './models/VideoPlayerLivestreamCountdownTimerTheme';
 import type {
   VideoPlayerLogoConfiguration,
   VideoPlayerLogoOption,
 } from './models/VideoPlayerLogoConfiguration';
 import type { VideoPlayerStyle } from './models/VideoPlayerStyle';
 import VideoFeedUtil from './utils/VideoFeedUtil';
+import type {
+  ClickProductCallback,
+  CustomClickCartIconCallback,
+  CustomClickLinkButtonCallback,
+  CustomTapProductCardCallback,
+  ShoppingCTACallback,
+  UpdateProductDetailsCallback,
+} from './VideoShopping';
+import VideoShopping from './VideoShopping';
 
 export default FireworkSDK;
 
@@ -122,20 +127,24 @@ export {
   AdConfiguration,
   AndroidFontInfo,
   ButtonInfo,
+  ClickProductCallback,
+  ClickProductEvent,
   CountdownTimerAppearanceMode,
   CountdownTimerConfiguration,
-  CustomCTAClickCallback,
-  CustomCTAClickEvent,
   CustomClickCartIconCallback,
   CustomClickCartIconEvent,
   CustomClickLinkButtonCallback,
   CustomClickLinkButtonEvent,
+  CustomCTAClickCallback,
+  CustomCTAClickEvent,
   CustomTapProductCardCallback,
   CustomTapProductCardEvent,
-  FWError,
-  FWNavigator,
+  DataTrackingLevel,
   FeedItemDetails,
   FireworkSDK,
+  FWComponentType,
+  FWError,
+  FWNavigator,
   GradientDrawable,
   GradientDrawableOrientation,
   IOSFontInfo,
@@ -152,12 +161,14 @@ export {
   LiveStreamEventDetails,
   LiveStreamEventName,
   LiveStreamMessageDetails,
+  onLiveStreamChatEventCallback,
+  onLiveStreamEventCallback,
   OpenVideoPlayerConfiguration,
   PlayerHandler,
   Product,
+  ProductCardConfiguration,
   ProductCardCTAButtonStyle,
   ProductCardCTAButtonText,
-  ProductCardConfiguration,
   ProductCardIconConfiguration,
   ProductCardLabelConfiguration,
   ProductCardPriceConfiguration,
@@ -201,17 +212,16 @@ export {
   VideoPlaybackEvent,
   VideoPlaybackEventName,
   VideoPlayerButtonConfiguration,
+  VideoPlayerCompleteAction,
+  VideoPlayerConfiguration,
   VideoPlayerCTADelay,
   VideoPlayerCTADelayType,
   VideoPlayerCTAStyle,
   VideoPlayerCTAWidth,
-  VideoPlayerCompleteAction,
-  VideoPlayerConfiguration,
+  VideoPlayerLivestreamCountdownTimerTheme,
   VideoPlayerLogoConfiguration,
   VideoPlayerLogoOption,
   VideoPlayerSize,
   VideoPlayerStyle,
   VideoShopping,
-  onLiveStreamChatEventCallback,
-  onLiveStreamEventCallback,
 };

package/src/models/DataTrackingLevel.ts

@@ -0,0 +1 @@
+export type DataTrackingLevel = 'all' | 'essentialOnly' | 'none';

package/src/models/FWComponentType.ts

@@ -0,0 +1,4 @@
+export enum FWComponentType {
+  videoFeed = 'videoFeed',
+  storyBlock = 'storyBlock',
+}

package/src/models/FWEventName.ts

@@ -18,4 +18,5 @@ export 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',
 }

package/src/models/FWEvents.ts

@@ -100,7 +100,6 @@ export interface CustomClickLinkButtonEvent {
   unitId: string;
   /**
    * The video playback details for the event.
-   * Only supported on Android.
    */
   video?: VideoPlaybackDetails;
 }
@@ -128,6 +127,25 @@ export interface CustomTapProductCardEvent {
   playerHandler?: PlayerHandler;
 }
 
+export interface ClickProductEvent {
+  /**
+   * The url for the product unit
+   */
+  url: string;
+  /**
+   * A unique identifier of the product.
+   */
+  productId: string;
+  /**
+   * A unique identifier of the product unit.
+   */
+  unitId: string;
+  /**
+   * The video playback details for the event.
+   */
+  video: VideoPlaybackDetails;
+}
+
 export interface LiveStreamEvent {
   eventName: LiveStreamEventName;
   info: LiveStreamEventDetails;

package/src/models/FeedItemDetails.ts

@@ -53,7 +53,6 @@ export default interface FeedItemDetails {
 
   /**
    * The feed id for the item.
-   * Only supported on Android.
    */
   feedId?: string | null;
 }

package/src/models/LiveStreamEventDetails.ts

@@ -1,4 +1,5 @@
 export default interface LiveStreamEventDetails {
   /// A unique identifier of the live stream.
   id: string;
+  feedId: string;
 }

package/src/models/ReplayBadgeConfiguration.ts

@@ -1,7 +1,7 @@
 export interface ReplayBadgeConfiguration {
   /**
    * Indicates if the replay badge is hidden.
-   * Defaults to false.
+   * Defaults to true.
    */
   isHidden?: boolean;
 }

package/src/models/StoryBlockConfiguration.ts

@@ -33,8 +33,6 @@ export interface StoryBlockConfiguration {
   ctaButtonStyle?: VideoPlayerCTAStyle;
   /**
    * Indicates if the video player shows playback button.
-   * The property only applies to full-screen story block but not to compact story block.
-   * Only supported on Android.
    */
   showPlaybackButton?: boolean;
   /**

package/src/models/VideoFeedConfiguration.ts

@@ -21,7 +21,6 @@ export interface VideoFeedTitleConfiguration {
   fontSize?: number;
   /**
    * Specifies the number of allowed lines for the label.
-   * Only supported on iOS.
    * Defaults to 2.
    */
   numberOfLines?: number;

package/src/models/VideoPlayerLivestreamCountdownTimerTheme.ts

@@ -0,0 +1 @@
+export type VideoPlayerLivestreamCountdownTimerTheme = 'dark' | 'light';