react-native-firework-sdk 2.17.0 → 2.17.1

package/lib/typescript/module/src/models/StoryBlockConfiguration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryBlockConfiguration.d.ts","sourceRoot":"","sources":["../../../../../src/models/StoryBlockConfiguration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,2BAA2B,MAAM,+BAA+B,CAAC;AAC7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,8BAA8B,MAAM,kCAAkC,CAAC;AACnF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAChD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,8BAA8B,CAAC;IACrD;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D;;;OAGG;IACH,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD;;OAEG;IACH,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;CAC3D"}
+{"version":3,"file":"StoryBlockConfiguration.d.ts","sourceRoot":"","sources":["../../../../../src/models/StoryBlockConfiguration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,2BAA2B,MAAM,+BAA+B,CAAC;AAC7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,8BAA8B,MAAM,kCAAkC,CAAC;AACnF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAChD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,8BAA8B,CAAC;IACrD;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D;;;OAGG;IACH,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD;;OAEG;IACH,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAE1D;;;OAGG;IACH,uBAAuB,CAAC,EAAE,aAAa,CAAC;IAExC;;;OAGG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAE3C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC"}

package/lib/typescript/module/src/models/TrackPurchaseParameters.d.ts

@@ -1,3 +1,17 @@
+export interface PurchaseProduct {
+    /**
+     * The external product ID.
+     */
+    extProductId: string;
+    /**
+     * The price of the product.
+     */
+    price: number;
+    /**
+     * The quantity of the product.
+     */
+    quantity: number;
+}
 export default interface TrackPurchaseParameters {
     /**
      * A unique identifier for the user's order.
@@ -15,6 +29,18 @@ export default interface TrackPurchaseParameters {
      * The country code of the purchase.
      */
     countryCode?: string;
+    /**
+     * The shipping price of the order.
+     */
+    shippingPrice?: number;
+    /**
+     * The subtotal of the order.
+     */
+    subtotal?: number;
+    /**
+     * The products of the order.
+     */
+    products?: PurchaseProduct[];
     /**
      * Any additional information associated to the purchase.
      * Reserved keys: order_id, value, currency, country.

package/lib/typescript/module/src/models/TrackPurchaseParameters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrackPurchaseParameters.d.ts","sourceRoot":"","sources":["../../../../../src/models/TrackPurchaseParameters.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,uBAAuB;IAC9C;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CAC5C"}
+{"version":3,"file":"TrackPurchaseParameters.d.ts","sourceRoot":"","sources":["../../../../../src/models/TrackPurchaseParameters.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,WAAW,uBAAuB;IAC9C;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CAC5C"}

package/lib/typescript/module/src/models/VideoPlayerConfiguration.d.ts

@@ -7,6 +7,7 @@ import type { VideoPlayerStyle } from './VideoPlayerStyle';
 import type { VideoPlayerLogoConfiguration } from './VideoPlayerLogoConfiguration';
 import type { ReplayBadgeConfiguration } from './ReplayBadgeConfiguration';
 import type CountdownTimerConfiguration from './CountdownTimerConfiguration';
+import type { StatusBarStyle } from './StatusBarStyle';
 export default interface VideoPlayerConfiguration {
     /**
      * Sets the proportion of the video player to its container.
@@ -83,5 +84,17 @@ export default interface VideoPlayerConfiguration {
      * Specifies countdown timer configuration.
      */
     countdownTimerConfiguration?: CountdownTimerConfiguration;
+    /**
+     * Specifies if the media should be extended outside the safe area.
+     */
+    shouldExtendMediaOutsideSafeArea?: boolean;
+    /**
+     * Specifies if the status bar should be hidden during video playback.
+     */
+    statusBarHidden?: boolean;
+    /**
+     * Specifies the status bar style during video playback.
+     */
+    statusBarStyle?: StatusBarStyle;
 }
 //# sourceMappingURL=VideoPlayerConfiguration.d.ts.map

package/lib/typescript/module/src/models/VideoPlayerConfiguration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayerConfiguration.d.ts","sourceRoot":"","sources":["../../../../../src/models/VideoPlayerConfiguration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,8BAA8B,MAAM,kCAAkC,CAAC;AACnF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,2BAA2B,MAAM,+BAA+B,CAAC;AAE7E,MAAM,CAAC,OAAO,WAAW,wBAAwB;IAC/C;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAChD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,8BAA8B,CAAC;IACrD;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D;;;OAGG;IACH,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD;;OAEG;IACH,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;CAC3D"}
+{"version":3,"file":"VideoPlayerConfiguration.d.ts","sourceRoot":"","sources":["../../../../../src/models/VideoPlayerConfiguration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,8BAA8B,MAAM,kCAAkC,CAAC;AACnF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,2BAA2B,MAAM,+BAA+B,CAAC;AAC7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,wBAAwB;IAC/C;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAChD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,8BAA8B,CAAC;IACrD;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D;;;OAGG;IACH,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD;;OAEG;IACH,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAE1D;;OAEG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAE3C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC"}

package/lib/typescript/module/src/modules/FWNavigatorModule.d.ts

@@ -9,6 +9,7 @@ interface IFWNavigatorModule extends NativeModule {
     stopFloatingPlayer(): Promise<boolean>;
     bringRNContainerToTop(): Promise<boolean>;
     bringRNContainerToBottom(): Promise<boolean>;
+    tryStartFloatingOrCloseFullScreen(): Promise<boolean>;
 }
 declare const FWNavigatorModuleEventEmitter: NativeEventEmitter;
 export { FWNavigatorModuleEventEmitter };

package/lib/typescript/module/src/modules/FWNavigatorModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FWNavigatorModule.d.ts","sourceRoot":"","sources":["../../../../../src/modules/FWNavigatorModule.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,EAElB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,qBAAqB,MAAM,iCAAiC,CAAC;AAYzE,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,eAAe,CAAC,MAAM,EAAE,qBAAqB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACjE,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,kBAAkB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,qBAAqB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,mBAAmB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACxC,kBAAkB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,qBAAqB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,wBAAwB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,6BAA6B,oBAA4C,CAAC;AAChF,OAAO,EAAE,6BAA6B,EAAE,CAAC;wBACL,kBAAkB;AAAtD,wBAAuD"}
+{"version":3,"file":"FWNavigatorModule.d.ts","sourceRoot":"","sources":["../../../../../src/modules/FWNavigatorModule.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,EAElB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,qBAAqB,MAAM,iCAAiC,CAAC;AAYzE,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,eAAe,CAAC,MAAM,EAAE,qBAAqB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACjE,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,kBAAkB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,qBAAqB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,mBAAmB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACxC,kBAAkB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,qBAAqB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,wBAAwB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7C,iCAAiC,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;CACvD;AAED,QAAA,MAAM,6BAA6B,oBAA4C,CAAC;AAChF,OAAO,EAAE,6BAA6B,EAAE,CAAC;wBACL,kBAAkB;AAAtD,wBAAuD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "2.17.0",
+  "version": "2.17.1",
   "description": "Firework React Native SDK",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/react_native_firework_sdk.podspec

@@ -31,5 +31,5 @@ else
   s.dependency "React-Core"
 end
   s.dependency 'FireworkVideoUI', '0.2.15'
-  s.dependency 'FireworkVideo', '1.35.0'
+  s.dependency 'FireworkVideo', '1.35.1'
 end

package/src/FWNavigator.ts

@@ -100,6 +100,24 @@ class FWNavigator {
       return false;
     }
   }
+
+  /**
+   * Try to transition the fullscreen player to Picture-in-Picture mode,
+   * or alternatively, close the fullscreen player.
+   * This API has no effect when no fullscreen player is present.
+   * @returns whether the action is successful
+   */
+  public async tryStartFloatingOrCloseFullScreen(): Promise<boolean> {
+    if (Platform.OS === 'ios') {
+      return FWNavigatorModule.tryStartFloatingOrCloseFullScreen();
+    } else {
+      let result = await this.startFloatingPlayer();
+      if (!result) {
+        result = await this.popNativeContainer();
+      }
+      return result;
+    }
+  }
 }
 
 export default FWNavigator;

package/src/components/StoryBlock.tsx

@@ -389,6 +389,13 @@ const StoryBlock: ForwardRefRenderFunction<
     const countdownTimerConfigurationJsonKey = gennerateJsonKey(
       storyBlockConfiguration?.countdownTimerConfiguration
     );
+    const additionalControlsInsetJsonKey = gennerateJsonKey(
+      storyBlockConfiguration?.additionalControlsInset
+    );
+    const shouldExtendMediaOutsideSafeArea =
+      storyBlockConfiguration?.shouldExtendMediaOutsideSafeArea;
+    const statusBarHidden = storyBlockConfiguration?.statusBarHidden;
+    const statusBarStyle = storyBlockConfiguration?.statusBarStyle;
 
     let key = `gShareBaseURL:${gShareBaseURL}`;
     if (Platform.OS === 'ios') {
@@ -455,6 +462,10 @@ const StoryBlock: ForwardRefRenderFunction<
     key += `_productInfoViewConfiguration:${productInfoViewConfigurationJsonKey}`;
     key += `_replayBadgeConfiguration:${replayBadgeConfigurationJsonKey}`;
     key += `_countdownTimerConfiguration:${countdownTimerConfigurationJsonKey}`;
+    key += `_additionalControlsInset:${additionalControlsInsetJsonKey}`;
+    key += `_shouldExtendMediaOutsideSafeArea:${shouldExtendMediaOutsideSafeArea}`;
+    key += `_statusBarHidden:${statusBarHidden}`;
+    key += `_statusBarStyle:${statusBarStyle}`;
 
     return key;
   };

package/src/components/VideoFeed.tsx

@@ -481,6 +481,10 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
     const shadowVideoFeedConfigurationJsonKey = gennerateJsonKey(
       videoFeedConfiguration?.shadow
     );
+    const shouldExtendMediaOutsideSafeArea =
+      videoPlayerConfiguration?.shouldExtendMediaOutsideSafeArea;
+    const statusBarHidden = videoPlayerConfiguration?.statusBarHidden;
+    const statusBarStyle = videoPlayerConfiguration?.statusBarStyle;
     let key = `gShareBaseURL:${gShareBaseURL}`;
     if (Platform.OS === 'ios') {
       key += `_appLanguage:${appLanguage}`;
@@ -572,6 +576,9 @@ class VideoFeed extends React.Component<IVideoFeedProps, IVideoFeedState> {
     key += `_replayBadgeVideoFeedConfiguration:${replayBadgeVideoFeedConfigurationJsonKey}`;
     key += `_replayBadgeVideoPlayerConfiguration:${replayBadgeVideoPlayerConfigurationJsonKey}`;
     key += `_shadowVideoFeedConfiguration:${shadowVideoFeedConfigurationJsonKey}`;
+    key += `_shouldExtendMediaOutsideSafeArea:${shouldExtendMediaOutsideSafeArea}`;
+    key += `_statusBarHidden:${statusBarHidden}`;
+    key += `_statusBarStyle:${statusBarStyle}`;
 
     return (
       <FWVideoFeed

package/src/index.tsx

@@ -24,6 +24,7 @@ import type AdConfiguration from './models/AdConfiguration';
 import type { VastAttribute } from './models/AdConfiguration';
 import type AndroidFontInfo from './models/AndroidFontInfo';
 import type ButtonInfo from './models/ButtonInfo';
+import type ControlsInset from './models/ControlsInset';
 import type CountdownTimerConfiguration from './models/CountdownTimerConfiguration';
 import type { CountdownTimerAppearanceMode } from './models/CountdownTimerConfiguration';
 import type { DataTrackingLevel } from './models/DataTrackingLevel';
@@ -84,6 +85,7 @@ import type ShoppingCTAResult from './models/ShoppingCTAResult';
 import type { StoryBlockConfiguration } from './models/StoryBlockConfiguration';
 import type { StoryBlockSource } from './models/StoryBlockSource';
 import type TrackPurchaseParameters from './models/TrackPurchaseParameters';
+import type { PurchaseProduct } from './models/TrackPurchaseParameters';
 import type VideoFeedConfiguration from './models/VideoFeedConfiguration';
 import type {
   VideoFeedPadding,
@@ -110,6 +112,7 @@ import type {
   VideoPlayerLogoOption,
 } from './models/VideoPlayerLogoConfiguration';
 import type { VideoPlayerStyle } from './models/VideoPlayerStyle';
+import type { StatusBarStyle } from './models/StatusBarStyle';
 import VideoFeedUtil from './utils/VideoFeedUtil';
 import type {
   ClickProductCallback,
@@ -145,6 +148,7 @@ export type {
   ButtonInfo,
   ClickProductCallback,
   ClickProductEvent,
+  ControlsInset,
   CountdownTimerAppearanceMode,
   CountdownTimerConfiguration,
   CustomClickCartIconCallback,
@@ -189,6 +193,7 @@ export type {
   ProductPrice,
   ProductUnit,
   ProductUnitOption,
+  PurchaseProduct,
   PushRNContainerParams,
   RNAppProps,
   SDKInitCallback,
@@ -199,6 +204,7 @@ export type {
   ShoppingCTACallback,
   ShoppingCTAEvent,
   ShoppingCTAResult,
+  StatusBarStyle,
   StoryBlockConfiguration,
   StoryBlockSource,
   TrackPurchaseParameters,

package/src/models/ControlsInset.ts

@@ -0,0 +1,3 @@
+export default interface ControlsInset {
+  top?: number;
+}

package/src/models/StatusBarStyle.ts

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

package/src/models/StoryBlockConfiguration.ts

@@ -1,3 +1,4 @@
+import type ControlsInset from './ControlsInset';
 import type CountdownTimerConfiguration from './CountdownTimerConfiguration';
 import type { ReplayBadgeConfiguration } from './ReplayBadgeConfiguration';
 import type VideoPlayerButtonConfiguration from './VideoPlayerButtonConfiguration';
@@ -7,6 +8,7 @@ import type { VideoPlayerCTAWidth } from './VideoPlayerCTAWidth';
 import type { VideoPlayerCompleteAction } from './VideoPlayerCompleteAction';
 import type { VideoPlayerLogoConfiguration } from './VideoPlayerLogoConfiguration';
 import type { VideoPlayerStyle } from './VideoPlayerStyle';
+import type { StatusBarStyle } from './StatusBarStyle';
 
 export interface StoryBlockConfiguration {
   /**
@@ -25,7 +27,6 @@ export interface StoryBlockConfiguration {
   showShareButton?: boolean;
   /**
    * The style of CTA button style.
-   * On iOS, the property only applies to full-screen story block but not to compact story block.
    * Only supported on iOS.
    */
   ctaButtonStyle?: VideoPlayerCTAStyle;
@@ -79,4 +80,28 @@ export interface StoryBlockConfiguration {
    * Specifies countdown timer configuration.
    */
   countdownTimerConfiguration?: CountdownTimerConfiguration;
+
+  /**
+   * Specifies the additional controls inset for embedded mode.
+   * We support only the top inset on Android, while both top and bottom insets are supported on iOS.
+   */
+  additionalControlsInset?: ControlsInset;
+
+  /**
+   * Specifies if the media should be extended outside the safe area.
+   * This property only applies to full screen mode.
+   */
+  shouldExtendMediaOutsideSafeArea?: boolean;
+
+  /**
+   * Specifies if the status bar should be hidden during video playback.
+   * This property only applies to full screen mode.
+   */
+  statusBarHidden?: boolean;
+
+  /**
+   * Specifies the status bar style during video playback.
+   * This property only applies to full screen mode.
+   */
+  statusBarStyle?: StatusBarStyle;
 }

package/src/models/TrackPurchaseParameters.ts

@@ -1,3 +1,18 @@
+export interface PurchaseProduct {
+  /**
+   * The external product ID.
+   */
+  extProductId: string;
+  /**
+   * The price of the product.
+   */
+  price: number;
+  /**
+   * The quantity of the product.
+   */
+  quantity: number;
+}
+
 export default interface TrackPurchaseParameters {
   /**
    * A unique identifier for the user's order.
@@ -15,6 +30,20 @@ export default interface TrackPurchaseParameters {
    * The country code of the purchase.
    */
   countryCode?: string;
+
+  /**
+   * The shipping price of the order.
+   */
+  shippingPrice?: number;
+
+  /**
+   * The subtotal of the order.
+   */
+  subtotal?: number;
+  /**
+   * The products of the order.
+   */
+  products?: PurchaseProduct[];
   /**
    * Any additional information associated to the purchase.
    * Reserved keys: order_id, value, currency, country.

package/src/models/VideoPlayerConfiguration.ts

@@ -7,6 +7,7 @@ import type { VideoPlayerStyle } from './VideoPlayerStyle';
 import type { VideoPlayerLogoConfiguration } from './VideoPlayerLogoConfiguration';
 import type { ReplayBadgeConfiguration } from './ReplayBadgeConfiguration';
 import type CountdownTimerConfiguration from './CountdownTimerConfiguration';
+import type { StatusBarStyle } from './StatusBarStyle';
 
 export default interface VideoPlayerConfiguration {
   /**
@@ -84,4 +85,19 @@ export default interface VideoPlayerConfiguration {
    * Specifies countdown timer configuration.
    */
   countdownTimerConfiguration?: CountdownTimerConfiguration;
+
+  /**
+   * Specifies if the media should be extended outside the safe area.
+   */
+  shouldExtendMediaOutsideSafeArea?: boolean;
+
+  /**
+   * Specifies if the status bar should be hidden during video playback.
+   */
+  statusBarHidden?: boolean;
+
+  /**
+   * Specifies the status bar style during video playback.
+   */
+  statusBarStyle?: StatusBarStyle;
 }

package/src/modules/FWNavigatorModule.ts

@@ -26,6 +26,7 @@ interface IFWNavigatorModule extends NativeModule {
   stopFloatingPlayer(): Promise<boolean>;
   bringRNContainerToTop(): Promise<boolean>;
   bringRNContainerToBottom(): Promise<boolean>;
+  tryStartFloatingOrCloseFullScreen(): Promise<boolean>;
 }
 
 const FWNavigatorModuleEventEmitter = new NativeEventEmitter(FWNavigatorModule);