react-native-firework-sdk 1.1.1 → 1.2.0-beta.11

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

@@ -1,4 +1,4 @@
-import type VideoFeedSource from '../models/VideoFeedSource';
+import type { VideoFeedSource } from '../models/VideoFeedSource';
 export default interface FeedItemDetails {
     /**
      * The index of the thumbnail tapped in the feed.

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

@@ -0,0 +1,6 @@
+export declare type NewNativeContainerProps = {
+    initialRouteName?: string;
+    initialParams?: {
+        [key: string]: any;
+    };
+};

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

@@ -33,4 +33,8 @@ export default interface VideoFeedConfiguration {
      * Indicates if the video feed shows ad badge.
      */
     showAdBadge?: boolean;
+    /**
+     * Custom layout name for video feed item. Only supported on Android.
+     */
+    customLayoutName?: string;
 }

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

@@ -1,2 +1 @@
-declare type VideoFeedSource = 'discover' | 'channel' | 'playlist' | 'playlistGroup';
-export default VideoFeedSource;
+export declare type VideoFeedSource = 'discover' | 'channel' | 'playlist' | 'playlistGroup' | 'dynamicContent';

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

@@ -0,0 +1,11 @@
+import { NativeEventEmitter, NativeModule } from 'react-native';
+interface IFWNavigatorModule extends NativeModule {
+    pushNativeContainer(props: {
+        [key: string]: any;
+    }): Promise<boolean>;
+    popNativeContainer(): Promise<boolean>;
+}
+declare const FWNavigatorModuleEventEmitter: NativeEventEmitter;
+export { FWNavigatorModuleEventEmitter };
+declare const _default: IFWNavigatorModule;
+export default _default;

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

@@ -1,16 +1,17 @@
 import { NativeEventEmitter, NativeModule } from 'react-native';
-import type AdBadgeConfiguration from 'src/models/AdBadgeConfiguration';
-import type AdConfig from '../models/AdConfig';
+import type AdBadgeConfiguration from '../models/AdBadgeConfiguration';
 import type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';
 interface IFireworkSDKModule extends NativeModule {
-    init(userId?: string, adConfig?: AdConfig): void;
+    init(userId?: string): void;
     openVideoPlayer(url: string, config?: VideoPlayerConfiguration): void;
     setCustomCTAClickEnabled(enabled: boolean): void;
+    setCustomCTALinkContentPageRouteName(name?: string): Promise<any>;
     setShareBaseURL(url?: string): Promise<any>;
     setVideoPlaybackEventEnabled(enabled: boolean): void;
     setAdBadgeConfiguration(config?: AdBadgeConfiguration): Promise<any>;
+    setAppComponentName(name?: string): Promise<any>;
 }
 declare const FireworkSDKModuleEventEmitter: NativeEventEmitter;
-export { FireworkSDKModuleEventEmitter, };
+export { FireworkSDKModuleEventEmitter };
 declare const _default: IFireworkSDKModule;
 export default _default;

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

@@ -1,13 +1,13 @@
 import { NativeEventEmitter, NativeModule } from 'react-native';
 import type Product from '../models/Product';
 import type ProductInfoViewConfiguration from '../models/ProductInfoViewConfiguration';
+import type { NewNativeContainerProps } from 'src/models/NewNativeContainerProps';
 interface IShoppingModule extends NativeModule {
     init(): void;
     updateVideoProducts(products: Product[], callbackId: number | string): void;
     updateProductViewConfig(config: ProductInfoViewConfiguration, callbackId: number | string): void;
     updateAddToCartStatus(res: string, tips: string, callbackId: number | string): void;
-    jumpToCartPage(callbackId: number | string): void;
-    exitCartPage(): void;
+    jumpToCartPage(callbackId: number | string, props: NewNativeContainerProps): void;
     setCartIconVisible(visible: boolean): void;
     setCartItemCount(count: number): void;
 }

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

@@ -0,0 +1,6 @@
+export default class FWLoggerUtil {
+    static enabled: boolean;
+    static log(message: string): void;
+    static logNativeMessage(nativeMessage: string): void;
+    private static toISOString;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "1.1.1",
+  "version": "1.2.0-beta.11",
   "description": "Firework React Native SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -86,6 +86,8 @@
       "prettier"
     ],
     "rules": {
+      "react-native/no-inline-styles": "off",
+      "radix": "off",
       "prettier/prettier": [
         "error",
         {

package/react-native-firework-sdk.podspec

@@ -28,6 +28,6 @@ cp $module_header_path "${PODS_ROOT}/Headers/Public/react_native_firework_sdk/"'
 
   s.dependency "React-Core"
 
-  s.dependency "FireworkVideo","0.15.0"
+  s.dependency "FireworkVideo","0.16.0"
 
 end

package/src/FWNavigator.tsx

@@ -0,0 +1,49 @@
+import { FWEventName } from './models/FWEventName';
+import FWNavigatorModule, {
+  FWNavigatorModuleEventEmitter,
+} from './modules/FWNavigatorModule';
+import FWLoggerUtil from './utils/FWLoggerUtil';
+
+type FWNativeContainerProps = {
+  [key: string]: any;
+};
+
+/**
+ * You can use this class for pushing RN page from the native page.
+ */
+class FWNavigator {
+  private static _instance?: FWNavigator;
+
+  public static getInstance(): FWNavigator {
+    if (!FWNavigator._instance) {
+      FWNavigator._instance = new FWNavigator();
+    }
+    return FWNavigator._instance!;
+  }
+
+  private constructor() {
+    FWNavigatorModuleEventEmitter.addListener(FWEventName.LogMessage, () => {});
+  }
+
+  /**
+   * Push a new native container. We will render your app component in new native container.
+   * Please set your app component name through FireworkSDK.getInstance().appComponentName before calling this method
+   * @param {FWNativeContainerProps} props We will pass the props to your app component.
+   * @returns {Promise<boolean>} The result of pushing RN page from native page.
+   */
+  public pushNativeContainer(props: FWNativeContainerProps): Promise<boolean> {
+    FWLoggerUtil.log(`Enter pushNewNativeContainer`);
+
+    return FWNavigatorModule.pushNativeContainer(props);
+  }
+
+  /**
+   * Pop top-most native container. The native container embed the RN page.
+   * @returns {Promise<boolean>} The result of poping top-most native container.
+   */
+  public popNativeContainer(): Promise<boolean> {
+    return FWNavigatorModule.popNativeContainer();
+  }
+}
+
+export default FWNavigator;

package/src/FireworkSDK.ts

@@ -2,7 +2,6 @@ import type { NativeEventEmitter } from 'react-native';
 import LiveStream from './LiveStream';
 
 import type AdBadgeConfiguration from './models/AdBadgeConfiguration';
-import type AdConfig from './models/AdConfig';
 import { FWEventName } from './models/FWEventName';
 import type {
   CustomCTAClickEvent,
@@ -11,13 +10,20 @@ import type {
   VideoPlaybackEvent,
 } from './models/FWEvents';
 import type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';
-import FireworkSDKModule, { FireworkSDKModuleEventEmitter } from './modules/FireworkSDKModule';
+import FireworkSDKModule, {
+  FireworkSDKModuleEventEmitter,
+} from './modules/FireworkSDKModule';
 import LiveStreamModule from './modules/LiveStreamModule';
 import ShoppingModule from './modules/ShoppingModule';
 import VideoShopping from './VideoShopping';
+import FWNavigator from './FWNavigator';
+import FWLoggerUtil from './utils/FWLoggerUtil';
 
 export type SDKInitCallback = (event: SDKInitEvent) => void;
 export type CustomCTAClickCallback = (event: CustomCTAClickEvent) => void;
+export type CustomCTALinkContentRender = (
+  event: CustomCTAClickEvent
+) => React.ReactNode | null;
 export type VideoPlaybackCallback = (event: VideoPlaybackEvent) => void;
 export type VideoFeedClickCallback = (event: VideoFeedClickEvent) => void;
 
@@ -44,11 +50,24 @@ class FireworkSDK {
     return this._onCustomCTAClick;
   }
   public set onCustomCTAClick(value: CustomCTAClickCallback | undefined) {
+    FWLoggerUtil.log(`Set onCustomCTAClick callback ${!!value}`);
     this._onCustomCTAClick = value;
     FireworkSDKModule.setCustomCTAClickEnabled(value ? true : false);
   }
   private _onCustomCTAClick: CustomCTAClickCallback | undefined;
 
+  /**
+   * The custom CTA link content page route name.
+   */
+  public get customCTALinkContentPageRouteName(): string | undefined {
+    return this._customCTALinkContentPageRouteName;
+  }
+  public set customCTALinkContentPageRouteName(value: string | undefined) {
+    this._customCTALinkContentPageRouteName = value;
+    FireworkSDKModule.setCustomCTALinkContentPageRouteName(value ?? '');
+  }
+  private _customCTALinkContentPageRouteName: string | undefined;
+
   /**
    * The callback of video playback.
    */
@@ -69,7 +88,7 @@ class FireworkSDK {
   }
   public set shareBaseURL(value: string | undefined) {
     this._shareBaseURL = value;
-    FireworkSDKModule.setShareBaseURL(value).then(() => {
+    FireworkSDKModule.setShareBaseURL(value ?? '').then(() => {
       this.eventEmitter.emit(FWEventName.ShareBaseURLUpdated);
     });
   }
@@ -83,11 +102,23 @@ class FireworkSDK {
   }
   public set adBadgeConfiguration(value: AdBadgeConfiguration | undefined) {
     this._adBadgeConfiguration = value;
-    FireworkSDKModule.setAdBadgeConfiguration(value).then(() => {
+    FireworkSDKModule.setAdBadgeConfiguration(value ?? {}).then(() => {
       this.eventEmitter.emit(FWEventName.AdBadgeConfigurationUpdated);
     });
   }
-  private _adBadgeConfiguration?: AdBadgeConfiguration | undefined;
+  private _adBadgeConfiguration: AdBadgeConfiguration | undefined;
+
+  /**
+   * The app component name.
+   */
+  public get appComponentName(): string | undefined {
+    return this._appComponentName;
+  }
+  public set appComponentName(value: string | undefined) {
+    this._appComponentName = value;
+    FireworkSDKModule.setAppComponentName(value ?? '');
+  }
+  private _appComponentName: string | undefined;
 
   private get eventEmitter(): NativeEventEmitter {
     return FireworkSDKModuleEventEmitter;
@@ -107,6 +138,13 @@ class FireworkSDK {
     return LiveStream.getInstance();
   }
 
+  /**
+   * Get FWNavigator object.
+   */
+  public get navigator(): FWNavigator {
+    return FWNavigator.getInstance();
+  }
+
   /**
    * Get global single instance of FireworkSDK class.
    * @returns FireworkSDK
@@ -121,24 +159,36 @@ class FireworkSDK {
 
   private constructor() {
     this.eventEmitter.addListener(FWEventName.SDKInit, (event) => {
+      FWLoggerUtil.log(`Receive SDKInit event ${event?.error}`);
+
       if (this.onSDKInit) {
         this.onSDKInit(event ?? {});
       }
     });
 
+    this.eventEmitter.addListener(FWEventName.LogMessage, (event) => {
+      FWLoggerUtil.logNativeMessage(event.message);
+    });
+
     this.eventEmitter.addListener(FWEventName.CustomCTAClick, (event) => {
+      FWLoggerUtil.log(`Receive CustomCTAClick url ${event?.url}`);
+
       if (this.onCustomCTAClick) {
         this.onCustomCTAClick(event ?? {});
       }
     });
 
     this.eventEmitter.addListener(FWEventName.VideoPlayback, (event) => {
+      FWLoggerUtil.log(`Receive VideoPlayback event ${event?.eventName}`);
+
       if (this.onVideoPlayback) {
         this.onVideoPlayback(event ?? {});
       }
     });
 
     this.eventEmitter.addListener(FWEventName.VideoFeedClick, (event) => {
+      FWLoggerUtil.log(`Receive VideoFeedClick event ${event?.info.id}`);
+
       if (this.onVideoFeedClick) {
         this.onVideoFeedClick(event ?? {});
       }
@@ -148,10 +198,9 @@ class FireworkSDK {
   /**
    * Initializes Firework SDK.
    * @param {string?} userId An id to uniquely identify device or user.
-   * @param {AdConfig?} adConfig Configuration of Ad.
    */
-  public init(userId?: string, adConfig?: AdConfig) {
-    FireworkSDKModule.init(userId, adConfig);
+  public init(userId?: string) {
+    FireworkSDKModule.init(userId);
     ShoppingModule.init();
     LiveStreamModule.init();
   }

package/src/LiveStream.ts

@@ -1,10 +1,12 @@
-import type { NativeEventEmitter } from "react-native";
-import { FWEventName } from "./models/FWEventName";
-import type { LiveStreamChatEvent, LiveStreamEvent } from "./models/FWEvents";
-import { LiveStreamModuleEventEmitter } from "./modules/LiveStreamModule";
+import type { NativeEventEmitter } from 'react-native';
+import { FWEventName } from './models/FWEventName';
+import type { LiveStreamChatEvent, LiveStreamEvent } from './models/FWEvents';
+import { LiveStreamModuleEventEmitter } from './modules/LiveStreamModule';
 
 export type onLiveStreamEventCallback = (event: LiveStreamEvent) => void;
-export type onLiveStreamChatEventCallback = (event: LiveStreamChatEvent) => void;
+export type onLiveStreamChatEventCallback = (
+  event: LiveStreamChatEvent
+) => void;
 
 /**
  * The entry class of live stream.
@@ -34,13 +36,13 @@ class LiveStream {
   }
 
   private constructor() {
-    this.eventEmitter.addListener(FWEventName.onLiveStreamEvent, (event) => {
+    this.eventEmitter.addListener(FWEventName.LiveStream, (event) => {
       if (this.onLiveStreamEvent) {
         this.onLiveStreamEvent(event ?? {});
       }
     });
 
-    this.eventEmitter.addListener(FWEventName.onLiveStreamChatEvent, (event) => {
+    this.eventEmitter.addListener(FWEventName.LiveStreamChat, (event) => {
       if (this.onLiveStreamChatEvent) {
         this.onLiveStreamChatEvent(event ?? {});
       }

package/src/VideoShopping.ts

@@ -9,14 +9,17 @@ import type {
 import { FWEventName } from './models/FWEventName';
 import type Product from './models/Product';
 import type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';
-import ShoppingModule, { ShoppingModuleEventEmitter } from './modules/ShoppingModule';
+import ShoppingModule, {
+  ShoppingModuleEventEmitter,
+} from './modules/ShoppingModule';
+import type { NewNativeContainerProps } from './models/NewNativeContainerProps';
 
 export type AddToCartCallback = (
   event: AddToCartEvent
 ) => Promise<AddToCartResult | undefined | null>;
 
 export type ClickCartIconCallback = () => Promise<
-  React.ReactNode | undefined | null
+  NewNativeContainerProps | undefined | null
 >;
 
 export type UpdateProductDetailsCallback = (
@@ -64,7 +67,7 @@ class VideoShopping {
   public onWillDisplayProduct?: WillDisplayProductCallback;
 
   /**
-   * Defaults to true. You can hide the cart icon by setting this property to false. 
+   * Defaults to true. You can hide the cart icon by setting this property to false.
    */
   public get cartIconVisible(): boolean {
     return this._cartIconVisible;
@@ -75,8 +78,6 @@ class VideoShopping {
   }
   private _cartIconVisible: boolean = true;
 
-  public currentCartPage?: React.ReactNode;
-
   private get eventEmitter(): NativeEventEmitter {
     return ShoppingModuleEventEmitter;
   }
@@ -108,16 +109,7 @@ class VideoShopping {
   }
 
   /**
-   * Exit Cart Page.
    *
-   * The host app can call this method to exit their cart page.
-   */
-  public exitCartPage() {
-    ShoppingModule.exitCartPage();
-  }
-
-  /**
-   * 
    * @param {number} count The number of items in the host app cart
    */
   public setCartItemCount(count: number) {
@@ -133,7 +125,7 @@ class VideoShopping {
         ShoppingModule.updateAddToCartStatus(
           result.res,
           result.tips,
-          callbackId!,
+          callbackId!
         );
       }
     }
@@ -143,11 +135,9 @@ class VideoShopping {
     if (this.onClickCartIcon) {
       const callbackId = event.callbackId;
       delete event.callbackId;
-      const cartPage = await this.onClickCartIcon();
-      this.currentCartPage = cartPage;
-
-      if (cartPage) {
-        ShoppingModule.jumpToCartPage(callbackId!);
+      const props = await this.onClickCartIcon();
+      if (callbackId) {
+        ShoppingModule.jumpToCartPage(callbackId, props ?? {});
       }
     }
   }
@@ -161,7 +151,6 @@ class VideoShopping {
       const productList = await this.onUpdateProductDetails(
         event as UpdateProductDetailsEvent
       );
-      console.log('handleUpdateProductDetailsEvent productList', JSON.stringify(productList));
       if (productList) {
         ShoppingModule.updateVideoProducts(productList, callbackId!);
       }

package/src/components/FWVideoFeed.tsx

@@ -1,10 +1,10 @@
-import { requireNativeComponent, UIManager } from 'react-native'
-import { LINKING_ERROR } from "../constants/FWErrorMessage";
+import { requireNativeComponent, UIManager } from 'react-native';
+import { LINKING_ERROR } from '../constants/FWErrorMessage';
 const NativeComponentName = 'FWVideoFeed';
 const FWVideoFeed =
   UIManager.getViewManagerConfig(NativeComponentName) != null
     ? requireNativeComponent<any>(NativeComponentName)
     : () => {
-      throw new Error(LINKING_ERROR);
-    };
-export default FWVideoFeed
+        throw new Error(LINKING_ERROR);
+      };
+export default FWVideoFeed;

package/src/components/VideoFeed.tsx

@@ -13,7 +13,7 @@ import FireworkSDK from '../FireworkSDK';
 import type FWError from '../models/FWError';
 import { FWEventName } from '../models/FWEventName';
 import type VideoFeedConfiguration from '../models/VideoFeedConfiguration';
-import type VideoFeedSource from '../models/VideoFeedSource';
+import type { VideoFeedSource } from '../models/VideoFeedSource';
 import type VideoPlayerConfiguration from '../models/VideoPlayerConfiguration';
 import { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';
 import FWVideoFeed from './FWVideoFeed';
@@ -42,6 +42,12 @@ export interface IVideoFeedProps {
    * PlaylistGroup Id for selected content. Required when the source is set as playlistGroup.
    */
   playlistGroup?: string;
+
+  /**
+   * The parameters to be passed to a dynamic content feed. Required when the source is set as dynamicContent.
+   */
+  dynamicContentParameters?: { [key: string]: string[] };
+
   /**
    * One of three available display modes. Defaults to row.
    */
@@ -100,23 +106,25 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
         this.props.onVideoFeedLoadFinished();
       }
     }
-  }; 
+  };
 
   componentDidMount() {
-    const subscriptionOfShareBaseURLUpdated = FireworkSDKModuleEventEmitter.addListener(
-      FWEventName.ShareBaseURLUpdated,
-      () => {
-        this.setState({});
-      }
-    );
+    const subscriptionOfShareBaseURLUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.ShareBaseURLUpdated,
+        () => {
+          this.setState({});
+        }
+      );
     this.subscriptions.push(subscriptionOfShareBaseURLUpdated);
 
-    const subscriptionOfAdBadgeConfigurationUpdated = FireworkSDKModuleEventEmitter.addListener(
-      FWEventName.AdBadgeConfigurationUpdated,
-      () => {
-        this.setState({});
-      }
-    );
+    const subscriptionOfAdBadgeConfigurationUpdated =
+      FireworkSDKModuleEventEmitter.addListener(
+        FWEventName.AdBadgeConfigurationUpdated,
+        () => {
+          this.setState({});
+        }
+      );
     this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);
   }
 
@@ -139,12 +147,15 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
     } = this.props;
     const titleHidden = videoFeedConfiguration?.title?.hidden ?? false;
     const titlePosition = videoFeedConfiguration?.titlePosition ?? 'nested';
+    const customLayoutName = videoFeedConfiguration?.customLayoutName ?? '';
     const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';
     const adBadgeConfiguration =
       FireworkSDK.getInstance().adBadgeConfiguration ?? {};
     const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';
     const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';
     const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';
+    const dynamicContentParametersString =
+      this._generateDynamicContentParametersString();
 
     let key = `source:${source}`;
     key += `_channel:${channel}`;
@@ -153,10 +164,12 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
     key += `_mode:${mode}`;
     key += `_titleHidden:${titleHidden}`;
     key += `_titlePosition:${titlePosition}`;
+    key += `_customLayoutName:${customLayoutName}`;
     key += `_shareBaseURL:${shareBaseURL}`;
     key += `_adBadgeTextType:${adBadgeTextType}`;
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
     key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
+    key += `_dynamicContentParameters:${dynamicContentParametersString}`;
 
     return (
       <FWVideoFeed
@@ -169,4 +182,25 @@ export default class VideoFeed extends React.Component<IVideoFeedProps> {
       />
     );
   }
+
+  private _generateDynamicContentParametersString(): string {
+    const { dynamicContentParameters } = this.props;
+    if (!dynamicContentParameters) {
+      return '';
+    }
+
+    let resultString = '';
+    const sortedKeyList = Object.keys(dynamicContentParameters).sort();
+    for (const key of sortedKeyList) {
+      const value = dynamicContentParameters[key];
+      const valueString = value.join(',');
+      if (resultString.length > 0) {
+        resultString += '_';
+      }
+
+      resultString += `${key}:${valueString}`;
+    }
+
+    return resultString;
+  }
 }

package/src/constants/FWErrorMessage.ts

@@ -6,6 +6,4 @@ const LINKING_ERROR =
   '- You rebuilt the app after installing the package\n' +
   '- You are not using Expo managed workflow\n';
 
-  export {
-    LINKING_ERROR,
-  };
+export { LINKING_ERROR };

package/src/index.tsx

@@ -1,15 +1,14 @@
-import { AppRegistry } from 'react-native';
-
-import CartContainer from './components/CartContainer';
 import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';
 import VideoFeed from './components/VideoFeed';
 import type {
   CustomCTAClickCallback,
+  CustomCTALinkContentRender,
   SDKInitCallback,
   VideoFeedClickCallback,
   VideoPlaybackCallback,
 } from './FireworkSDK';
 import FireworkSDK from './FireworkSDK';
+import FWNavigator from './FWNavigator';
 import type {
   onLiveStreamChatEventCallback,
   onLiveStreamEventCallback,
@@ -17,7 +16,6 @@ import type {
 import LiveStream from './LiveStream';
 import type AdBadgeConfiguration from './models/AdBadgeConfiguration';
 import type { AdBadgeTextType } from './models/AdBadgeConfiguration';
-import type AdConfig from './models/AdConfig';
 import type AddToCartResult from './models/AddToCartResult';
 import type FeedItemDetails from './models/FeedItemDetails';
 import type FWError from './models/FWError';
@@ -31,10 +29,11 @@ import type {
   VideoPlaybackEvent,
   WillDisplayProductEvent,
 } from './models/FWEvents';
+import LiveStreamChatEventName from './models/LiveStreamChatEventName';
 import type LiveStreamEventDetails from './models/LiveStreamEventDetails';
 import LiveStreamEventName from './models/LiveStreamEventName';
 import type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';
-import LiveStreamChatEventName from './models/LiveStreamChatEventName';
+import type { NewNativeContainerProps } from './models/NewNativeContainerProps';
 import type Product from './models/Product';
 import type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';
 import type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';
@@ -46,7 +45,7 @@ import type {
   VideoFeedTitleConfiguration,
   VideoFeedTitlePosition,
 } from './models/VideoFeedConfiguration';
-import type VideoFeedSource from './models/VideoFeedSource';
+import type { VideoFeedSource } from './models/VideoFeedSource';
 import type VideoPlaybackDetails from './models/VideoPlaybackDetails';
 import type { VideoPlayerSize } from './models/VideoPlaybackDetails';
 import VideoPlaybackEventName from './models/VideoPlaybackEventName';
@@ -65,14 +64,11 @@ import type {
 } from './VideoShopping';
 import VideoShopping from './VideoShopping';
 
-AppRegistry.registerComponent('FWShoppingCartPage', () => CartContainer);
-
 export default FireworkSDK;
 
 export {
   AdBadgeConfiguration,
   AdBadgeTextType,
-  AdConfig,
   AddToCartButtonConfiguration,
   AddToCartCallback,
   AddToCartEvent,
@@ -80,16 +76,19 @@ export {
   ClickCartIconCallback,
   CustomCTAClickCallback,
   CustomCTAClickEvent,
+  CustomCTALinkContentRender,
   FeedItemDetails,
   FWError,
+  FWNavigator,
   IVideoFeedProps,
   LiveStream,
   LiveStreamChatEvent,
+  LiveStreamChatEventName,
   LiveStreamEvent,
   LiveStreamEventDetails,
   LiveStreamEventName,
   LiveStreamMessageDetails,
-  LiveStreamChatEventName,
+  NewNativeContainerProps,
   onLiveStreamChatEventCallback,
   onLiveStreamEventCallback,
   Product,

package/src/models/AdBadgeConfiguration.ts

@@ -13,4 +13,4 @@ export default interface AdBadgeConfiguration {
    * The color of the ad badge text. Only supported on iOS.
    */
   textColor?: string;
-}
+}