@wscsports/blaze-web-sdk 0.2.7 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wscsports/blaze-web-sdk",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "main": "publish/index",
   "types": "publish/index",
   "files": [

package/publish/index.d.ts

@@ -5,7 +5,9 @@ export declare function Initialize(apiKey: string, userOptions?: Partial<IBlazeS
 export declare function WidgetRowView(containerId: string, options: IWidgetViewOptions): IWidgetView;
 export declare function WidgetGridView(containerId: string, options: IWidgetViewOptions): IWidgetView;
 export declare function WidgetEmbeddedStory(containerId: string, options: IWidgetViewOptions): IWidgetView;
-export declare function Theme(theme: ThemeType): IWidgetTheme;
+export declare function Theme(theme: ThemeType, contentType: 'moment'): IWidgetTheme<MomentPlayerStyle>;
+export declare function Theme(theme: ThemeType, contentType: 'story'): IWidgetTheme<StoryPlayerStyle>;
+export declare function Theme(theme: ThemeType): IWidgetTheme<StoryPlayerStyle>;
 export declare function addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
 export declare const Delegations: typeof Delegation;
 export declare function LabelBuilder(): IWidgetLabelBuilder;
@@ -178,6 +180,7 @@ export declare class StoryEvent {
     'audio_state': string;
     'playback_action_method': PlaybackActionType;
     'player_type': PlayerType;
+    'player_orientation': ContentAspectRatio;
 }
 export declare class MomentEvent {
     'moments_session_id': string;
@@ -236,6 +239,8 @@ export declare class AdEvent {
     'skip_config': string;
     'content_type': string;
     'ad_path': string;
+    'ad_unit_id': string;
+    'session_id': string;
 }
 export declare class ImaAdEvent {
     'story_id': string;
@@ -480,7 +485,6 @@ export * from './drawer';
 export * from './image';
 export * from './loader';
 export * from './skeleton';
-export * from './toast';
 export * from './typography';
 
 export declare class BlazeLoader extends HTMLElement {
@@ -497,21 +501,6 @@ export declare class BlazeWidgetItemSkeleton extends BaseWidget {
     connectedCallback(): void;
 }
 
-export declare class BlazeToast extends BaseWidget {
-    constructor();
-    static get observedAttributes(): string[];
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    show(options: {
-        show: boolean;
-        sevrity: SeverityType;
-        title?: string;
-        text: string;
-    }): void;
-    protected render(): void;
-}
-
 type AttributeType = 'size' | 'text';
 export declare class BlazeTypography extends BaseWidget {
     constructor();
@@ -591,6 +580,12 @@ export declare class BlazeShareButton extends BaseWidget {
     createButton(text: string, svgIcon: string): void;
 }
 
+export declare const IMA_RATIOS: {
+    readonly general: "1x1";
+    readonly horizontal: "640x480";
+    readonly vertical: "1080x1920";
+};
+
 export declare enum StoryAction {
     Start = "story_start",
     Exit = "story_exit",
@@ -628,7 +623,10 @@ export declare enum WidgetAction {
 export declare enum AdAction {
     View = "ad_view",
     Exit = "ad_exit",
-    Click = "ad_click"
+    Click = "ad_click",
+    BannerView = "banner_ad_view",
+    BannerLoad = "banner_ad_load",
+    BannerClick = "banner_ad_click"
 }
 export declare enum ImaAdAction {
     ALL_ADS_COMPLETED = "ima_all_ads_completed",
@@ -679,6 +677,7 @@ export declare const ASPECT_RATIO_16_9_STRING = "16 / 9";
 export declare const ASPECT_RATIO_9_16_STRING = "9 / 16";
 export declare const ASPECT_RATIO_4_3_STRING = "4 / 3";
 
+export * from './ads.constants';
 export * from './analytics.constants';
 export * from './device.constants';
 export * from './iso-country-codes.constants';
@@ -722,7 +721,13 @@ export interface IAdInfo {
     configuration?: IAdInfoConfiguration;
     context?: IAdContext;
 }
+export interface IBannerAdInfo {
+    adUnitId: string;
+    size: 'Banner';
+    type: 'Banner';
+}
 
+export type ContentAspectRatio = 'Vertical' | 'Horizontal';
 export interface IContent {
     id: string;
     title: string;
@@ -737,6 +742,7 @@ export interface IContent {
         teamId: string | null;
         playerId: string | null;
     };
+    bannerAdInfo?: IBannerAdInfo;
 }
 
 export interface ICTA {
@@ -818,6 +824,8 @@ export interface IMoment extends IContent {
     };
     cta: ICTA;
     adPath?: string;
+    subtitle?: string;
+    description?: string;
 }
 export type MomentDB = {
     id: string;
@@ -856,6 +864,7 @@ export type IPage = IAdPage | IContentPage;
 
 export interface IRendition {
     url: string;
+    aspectRatio: ContentAspectRatio;
 }
 
 export interface IStory extends IContent {
@@ -868,6 +877,7 @@ export interface IStory extends IContent {
 export interface IThumbnail {
     type: 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail' | 'PosterPortrait';
     rendition: IRendition;
+    renditions?: IRendition[];
 }
 
 export declare enum ErrorCode {
@@ -905,7 +915,14 @@ export declare enum InternalEvent {
     PREV_STORY = "prev_story",
     FULL_SCREEN_CLICK = "full_screen_click",
     AD_ENDED = "ad_ended",
-    AD_RESUMED = "ad_resumed"
+    AD_RESUMED = "ad_resumed",
+    BANNER_ANALYTICS = "banner_analytics"
+}
+export interface InternalEventDetails {
+    [InternalEvent.BANNER_ANALYTICS]: {
+        type: AdAction;
+        adUnitId: string;
+    };
 }
 
 export declare const HttpStatus: {
@@ -941,10 +958,10 @@ export interface WidgetsTagNameMap {
     'blaze-widget-cta-modal': BlazeWidgetCtaModal;
     'blaze-widget-video': BlazeWidgetVideo;
     'blaze-widget-interaction': BlazeWidgetInteraction;
+    'blaze-widget-banner-ad': BlazeWidgetBannerAd;
     'blaze-loader': BlazeLoader;
     'blaze-chip': BlazeChip;
     'blaze-image': BlazeImage;
-    'blaze-toast': BlazeToast;
     'blaze-alert': BlazeAlert;
     'blaze-modal': BlazeDrawer;
     'blaze-div': BlazeDiv;
@@ -973,10 +990,10 @@ interface WidgetsTagNameOptionsMap {
     'blaze-widget-video': {};
     'blaze-widget-moment-video': {};
     'blaze-widget-interaction': {};
+    'blaze-widget-banner-ad': {};
     'blaze-loader': {};
     'blaze-chip': {};
     'blaze-image': {};
-    'blaze-toast': {};
     'blaze-alert': {};
     'blaze-modal': {};
     'blaze-div': {};
@@ -1004,8 +1021,8 @@ export declare function isWidgetTheme(theme: any): theme is IWidgetTheme;
 
 export * from './svgs';
 
-export declare const likeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyOCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjAwMDMgMjVMMTIuMDY3IDIzLjI2NjdDOS44MjI1NSAyMS4yNDQ1IDcuOTY2OTkgMTkuNSA2LjUwMDMzIDE4LjAzMzRDNS4wMzM2NiAxNi41NjY3IDMuODY2OTkgMTUuMjUgMy4wMDAzMyAxNC4wODM0QzIuMTMzNjYgMTIuOTE2NyAxLjUyODEgMTEuODQ0NSAxLjE4MzY2IDEwLjg2NjdDMC44MzkyMTQgOS44ODg5MSAwLjY2Njk5MiA4Ljg4ODkxIDAuNjY2OTkyIDcuODY2NjlDMC42NjY5OTIgNS43Nzc4IDEuMzY2OTkgNC4wMzMzNiAyLjc2Njk5IDIuNjMzMzZDNC4xNjY5OSAxLjIzMzM2IDUuOTExNDQgMC41MzMzNTYgOC4wMDAzMyAwLjUzMzM1NkM5LjE1NTg4IDAuNTMzMzU2IDEwLjI1NTkgMC43Nzc4IDExLjMwMDMgMS4yNjY2OUMxMi4zNDQ4IDEuNzU1NTggMTMuMjQ0OCAyLjQ0NDQ3IDE0LjAwMDMgMy4zMzMzNkMxNC43NTU5IDIuNDQ0NDcgMTUuNjU1OSAxLjc1NTU4IDE2LjcwMDMgMS4yNjY2OUMxNy43NDQ4IDAuNzc3OCAxOC44NDQ4IDAuNTMzMzU2IDIwLjAwMDMgMC41MzMzNTZDMjIuMDg5MiAwLjUzMzM1NiAyMy44MzM3IDEuMjMzMzYgMjUuMjMzNyAyLjYzMzM2QzI2LjYzMzcgNC4wMzMzNiAyNy4zMzM3IDUuNzc3OCAyNy4zMzM3IDcuODY2NjlDMjcuMzMzNyA4Ljg4ODkxIDI3LjE2MTQgOS44ODg5MSAyNi44MTcgMTAuODY2N0MyNi40NzI1IDExLjg0NDUgMjUuODY3IDEyLjkxNjcgMjUuMDAwMyAxNC4wODM0QzI0LjEzMzcgMTUuMjUgMjIuOTY3IDE2LjU2NjcgMjEuNTAwMyAxOC4wMzM0QzIwLjAzMzcgMTkuNSAxOC4xNzgxIDIxLjI0NDUgMTUuOTMzNyAyMy4yNjY3TDE0LjAwMDMgMjVaTTE0LjAwMDMgMjEuNEMxNi4xMzM3IDE5LjQ4ODkgMTcuODg5MiAxNy44NSAxOS4yNjcgMTYuNDgzNEMyMC42NDQ4IDE1LjExNjcgMjEuNzMzNyAxMy45Mjc4IDIyLjUzMzcgMTIuOTE2N0MyMy4zMzM3IDExLjkwNTYgMjMuODg5MiAxMS4wMDU2IDI0LjIwMDMgMTAuMjE2N0MyNC41MTE0IDkuNDI3OCAyNC42NjcgOC42NDQ0NyAyNC42NjcgNy44NjY2OUMyNC42NjcgNi41MzMzNiAyNC4yMjI1IDUuNDIyMjQgMjMuMzMzNyA0LjUzMzM2QzIyLjQ0NDggMy42NDQ0NyAyMS4zMzM3IDMuMjAwMDIgMjAuMDAwMyAzLjIwMDAyQzE4Ljk1NTkgMy4yMDAwMiAxNy45ODkyIDMuNDk0NDcgMTcuMTAwMyA0LjA4MzM2QzE2LjIxMTQgNC42NzIyNSAxNS42MDAzIDUuNDIyMjQgMTUuMjY3IDYuMzMzMzZIMTIuNzMzN0MxMi40MDAzIDUuNDIyMjQgMTEuNzg5MiA0LjY3MjI1IDEwLjkwMDMgNC4wODMzNkMxMC4wMTE0IDMuNDk0NDcgOS4wNDQ3NyAzLjIwMDAyIDguMDAwMzMgMy4yMDAwMkM2LjY2Njk5IDMuMjAwMDIgNS41NTU4OCAzLjY0NDQ3IDQuNjY2OTkgNC41MzMzNkMzLjc3ODEgNS40MjIyNCAzLjMzMzY2IDYuNTMzMzYgMy4zMzM2NiA3Ljg2NjY5QzMuMzMzNjYgOC42NDQ0NyAzLjQ4OTIxIDkuNDI3OCAzLjgwMDMzIDEwLjIxNjdDNC4xMTE0NCAxMS4wMDU2IDQuNjY2OTkgMTEuOTA1NiA1LjQ2Njk5IDEyLjkxNjdDNi4yNjY5OSAxMy45Mjc4IDcuMzU1ODggMTUuMTE2NyA4LjczMzY2IDE2LjQ4MzRDMTAuMTExNCAxNy44NSAxMS44NjcgMTkuNDg4OSAxNC4wMDAzIDIxLjRaIiBmaWxsPSIjRjBGMEYwIi8+Cjwvc3ZnPgo=";
-export declare const likeIconFullSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE4Ljk5OTlMOC41NSAxNy42OTk5QzYuODY2NjcgMTYuMTgzMiA1LjQ3NSAxNC44NzQ5IDQuMzc1IDEzLjc3NDlDMy4yNzUgMTIuNjc0OSAyLjQgMTEuNjg3NCAxLjc1IDEwLjgxMjRDMS4xIDkuOTM3NCAwLjY0NTgzMyA5LjEzMzI0IDAuMzg3NSA4LjM5OTlDMC4xMjkxNjcgNy42NjY1NyAwIDYuOTE2NTcgMCA2LjE0OTlDMCA0LjU4MzI0IDAuNTI1IDMuMjc0OSAxLjU3NSAyLjIyNDlDMi42MjUgMS4xNzQ5IDMuOTMzMzMgMC42NDk5MDIgNS41IDAuNjQ5OTAyQzYuMzY2NjcgMC42NDk5MDIgNy4xOTE2NyAwLjgzMzIzNiA3Ljk3NSAxLjE5OTlDOC43NTgzMyAxLjU2NjU3IDkuNDMzMzMgMi4wODMyNCAxMCAyLjc0OTlDMTAuNTY2NyAyLjA4MzI0IDExLjI0MTcgMS41NjY1NyAxMi4wMjUgMS4xOTk5QzEyLjgwODMgMC44MzMyMzYgMTMuNjMzMyAwLjY0OTkwMiAxNC41IDAuNjQ5OTAyQzE2LjA2NjcgMC42NDk5MDIgMTcuMzc1IDEuMTc0OSAxOC40MjUgMi4yMjQ5QzE5LjQ3NSAzLjI3NDkgMjAgNC41ODMyNCAyMCA2LjE0OTlDMjAgNi45MTY1NyAxOS44NzA4IDcuNjY2NTcgMTkuNjEyNSA4LjM5OTlDMTkuMzU0MiA5LjEzMzI0IDE4LjkgOS45Mzc0IDE4LjI1IDEwLjgxMjRDMTcuNiAxMS42ODc0IDE2LjcyNSAxMi42NzQ5IDE1LjYyNSAxMy43NzQ5QzE0LjUyNSAxNC44NzQ5IDEzLjEzMzMgMTYuMTgzMiAxMS40NSAxNy42OTk5TDEwIDE4Ljk5OTlaIiBmaWxsPSIjRjBGMEYwIi8+Cjwvc3ZnPgo=";
+export declare const unlikeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyOCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjAwMDMgMjVMMTIuMDY3IDIzLjI2NjdDOS44MjI1NSAyMS4yNDQ1IDcuOTY2OTkgMTkuNSA2LjUwMDMzIDE4LjAzMzRDNS4wMzM2NiAxNi41NjY3IDMuODY2OTkgMTUuMjUgMy4wMDAzMyAxNC4wODM0QzIuMTMzNjYgMTIuOTE2NyAxLjUyODEgMTEuODQ0NSAxLjE4MzY2IDEwLjg2NjdDMC44MzkyMTQgOS44ODg5MSAwLjY2Njk5MiA4Ljg4ODkxIDAuNjY2OTkyIDcuODY2NjlDMC42NjY5OTIgNS43Nzc4IDEuMzY2OTkgNC4wMzMzNiAyLjc2Njk5IDIuNjMzMzZDNC4xNjY5OSAxLjIzMzM2IDUuOTExNDQgMC41MzMzNTYgOC4wMDAzMyAwLjUzMzM1NkM5LjE1NTg4IDAuNTMzMzU2IDEwLjI1NTkgMC43Nzc4IDExLjMwMDMgMS4yNjY2OUMxMi4zNDQ4IDEuNzU1NTggMTMuMjQ0OCAyLjQ0NDQ3IDE0LjAwMDMgMy4zMzMzNkMxNC43NTU5IDIuNDQ0NDcgMTUuNjU1OSAxLjc1NTU4IDE2LjcwMDMgMS4yNjY2OUMxNy43NDQ4IDAuNzc3OCAxOC44NDQ4IDAuNTMzMzU2IDIwLjAwMDMgMC41MzMzNTZDMjIuMDg5MiAwLjUzMzM1NiAyMy44MzM3IDEuMjMzMzYgMjUuMjMzNyAyLjYzMzM2QzI2LjYzMzcgNC4wMzMzNiAyNy4zMzM3IDUuNzc3OCAyNy4zMzM3IDcuODY2NjlDMjcuMzMzNyA4Ljg4ODkxIDI3LjE2MTQgOS44ODg5MSAyNi44MTcgMTAuODY2N0MyNi40NzI1IDExLjg0NDUgMjUuODY3IDEyLjkxNjcgMjUuMDAwMyAxNC4wODM0QzI0LjEzMzcgMTUuMjUgMjIuOTY3IDE2LjU2NjcgMjEuNTAwMyAxOC4wMzM0QzIwLjAzMzcgMTkuNSAxOC4xNzgxIDIxLjI0NDUgMTUuOTMzNyAyMy4yNjY3TDE0LjAwMDMgMjVaTTE0LjAwMDMgMjEuNEMxNi4xMzM3IDE5LjQ4ODkgMTcuODg5MiAxNy44NSAxOS4yNjcgMTYuNDgzNEMyMC42NDQ4IDE1LjExNjcgMjEuNzMzNyAxMy45Mjc4IDIyLjUzMzcgMTIuOTE2N0MyMy4zMzM3IDExLjkwNTYgMjMuODg5MiAxMS4wMDU2IDI0LjIwMDMgMTAuMjE2N0MyNC41MTE0IDkuNDI3OCAyNC42NjcgOC42NDQ0NyAyNC42NjcgNy44NjY2OUMyNC42NjcgNi41MzMzNiAyNC4yMjI1IDUuNDIyMjQgMjMuMzMzNyA0LjUzMzM2QzIyLjQ0NDggMy42NDQ0NyAyMS4zMzM3IDMuMjAwMDIgMjAuMDAwMyAzLjIwMDAyQzE4Ljk1NTkgMy4yMDAwMiAxNy45ODkyIDMuNDk0NDcgMTcuMTAwMyA0LjA4MzM2QzE2LjIxMTQgNC42NzIyNSAxNS42MDAzIDUuNDIyMjQgMTUuMjY3IDYuMzMzMzZIMTIuNzMzN0MxMi40MDAzIDUuNDIyMjQgMTEuNzg5MiA0LjY3MjI1IDEwLjkwMDMgNC4wODMzNkMxMC4wMTE0IDMuNDk0NDcgOS4wNDQ3NyAzLjIwMDAyIDguMDAwMzMgMy4yMDAwMkM2LjY2Njk5IDMuMjAwMDIgNS41NTU4OCAzLjY0NDQ3IDQuNjY2OTkgNC41MzMzNkMzLjc3ODEgNS40MjIyNCAzLjMzMzY2IDYuNTMzMzYgMy4zMzM2NiA3Ljg2NjY5QzMuMzMzNjYgOC42NDQ0NyAzLjQ4OTIxIDkuNDI3OCAzLjgwMDMzIDEwLjIxNjdDNC4xMTE0NCAxMS4wMDU2IDQuNjY2OTkgMTEuOTA1NiA1LjQ2Njk5IDEyLjkxNjdDNi4yNjY5OSAxMy45Mjc4IDcuMzU1ODggMTUuMTE2NyA4LjczMzY2IDE2LjQ4MzRDMTAuMTExNCAxNy44NSAxMS44NjcgMTkuNDg4OSAxNC4wMDAzIDIxLjRaIiBmaWxsPSIjRjBGMEYwIi8+Cjwvc3ZnPgo=";
+export declare const likeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE4Ljk5OTlMOC41NSAxNy42OTk5QzYuODY2NjcgMTYuMTgzMiA1LjQ3NSAxNC44NzQ5IDQuMzc1IDEzLjc3NDlDMy4yNzUgMTIuNjc0OSAyLjQgMTEuNjg3NCAxLjc1IDEwLjgxMjRDMS4xIDkuOTM3NCAwLjY0NTgzMyA5LjEzMzI0IDAuMzg3NSA4LjM5OTlDMC4xMjkxNjcgNy42NjY1NyAwIDYuOTE2NTcgMCA2LjE0OTlDMCA0LjU4MzI0IDAuNTI1IDMuMjc0OSAxLjU3NSAyLjIyNDlDMi42MjUgMS4xNzQ5IDMuOTMzMzMgMC42NDk5MDIgNS41IDAuNjQ5OTAyQzYuMzY2NjcgMC42NDk5MDIgNy4xOTE2NyAwLjgzMzIzNiA3Ljk3NSAxLjE5OTlDOC43NTgzMyAxLjU2NjU3IDkuNDMzMzMgMi4wODMyNCAxMCAyLjc0OTlDMTAuNTY2NyAyLjA4MzI0IDExLjI0MTcgMS41NjY1NyAxMi4wMjUgMS4xOTk5QzEyLjgwODMgMC44MzMyMzYgMTMuNjMzMyAwLjY0OTkwMiAxNC41IDAuNjQ5OTAyQzE2LjA2NjcgMC42NDk5MDIgMTcuMzc1IDEuMTc0OSAxOC40MjUgMi4yMjQ5QzE5LjQ3NSAzLjI3NDkgMjAgNC41ODMyNCAyMCA2LjE0OTlDMjAgNi45MTY1NyAxOS44NzA4IDcuNjY2NTcgMTkuNjEyNSA4LjM5OTlDMTkuMzU0MiA5LjEzMzI0IDE4LjkgOS45Mzc0IDE4LjI1IDEwLjgxMjRDMTcuNiAxMS42ODc0IDE2LjcyNSAxMi42NzQ5IDE1LjYyNSAxMy43NzQ5QzE0LjUyNSAxNC44NzQ5IDEzLjEzMzMgMTYuMTgzMiAxMS40NSAxNy42OTk5TDEwIDE4Ljk5OTlaIiBmaWxsPSIjRjBGMEYwIi8+Cjwvc3ZnPgo=";
 export declare const ShareIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45NDczIDIzLjM3NDhDMTMuMSAyMy43NTI2IDEzLjQ2NjggMjQgMTMuODc0NCAyNEgxNC4zNzE5QzE0Ljc4OTYgMjQgMTUuMTYzMyAyMy43NDAzIDE1LjMwOSAyMy4zNDg4TDIzLjIzNzUgMi4wNDg1QzIzLjUzNjIgMS4yNDYwNCAyMi43NTM5IDAuNDYzNzg1IDIxLjk1MTUgMC43NjI0OEwwLjY1MTE2IDguNjkwOTNDMC4yNTk2NjUgOC44MzY2NSAwIDkuMjEwMzcgMCA5LjYyODExVjEwLjEyNTZDMCAxMC41MzMyIDAuMjQ3MzQ5IDEwLjkgMC42MjUyMTEgMTEuMDUyN0w5LjQgMTQuNkwxMi45NDczIDIzLjM3NDhaTTE4LjM1MTggNy41MzM4OUwxNC4wNjY3IDE5LjA2NjZMMTIuMDAzNSAxMy44ODIyTDE4LjM1MTggNy41MzM4OVpNMTYuNDY2MyA1LjY0ODEyTDEwLjExNzkgMTEuOTk2NUw0LjkzMzMzIDkuOTMzMzFMMTYuNDY2MyA1LjY0ODEyWiIgZmlsbD0iI0YwRjBGMCIvPgo8L3N2Zz4K";
 export declare const IconLink = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\"><path d=\"M9 10H5C3.61667 10 2.4375 9.5125 1.4625 8.5375C0.4875 7.5625 0 6.38333 0 5C0 3.61667 0.4875 2.4375 1.4625 1.4625C2.4375 0.4875 3.61667 0 5 0H9V2H5C4.16667 2 3.45833 2.29167 2.875 2.875C2.29167 3.45833 2 4.16667 2 5C2 5.83333 2.29167 6.54167 2.875 7.125C3.45833 7.70833 4.16667 8 5 8H9V10ZM6 6V4H14V6H6ZM11 10V8H15C15.8333 8 16.5417 7.70833 17.125 7.125C17.7083 6.54167 18 5.83333 18 5C18 4.16667 17.7083 3.45833 17.125 2.875C16.5417 2.29167 15.8333 2 15 2H11V0H15C16.3833 0 17.5625 0.4875 18.5375 1.4625C19.5125 2.4375 20 3.61667 20 5C20 6.38333 19.5125 7.5625 18.5375 8.5375C17.5625 9.5125 16.3833 10 15 10H11Z\" fill=\"white\" fill-opacity=\"0.92\"/></svg>";
 export declare const IconGlobe = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM9 17.95V16C8.45 16 7.97917 15.8042 7.5875 15.4125C7.19583 15.0208 7 14.55 7 14V13L2.2 8.2C2.15 8.5 2.10417 8.8 2.0625 9.1C2.02083 9.4 2 9.7 2 10C2 12.0167 2.6625 13.7833 3.9875 15.3C5.3125 16.8167 6.98333 17.7 9 17.95ZM15.9 15.4C16.2333 15.0333 16.5333 14.6375 16.8 14.2125C17.0667 13.7875 17.2875 13.3458 17.4625 12.8875C17.6375 12.4292 17.7708 11.9583 17.8625 11.475C17.9542 10.9917 18 10.5 18 10C18 8.36667 17.5458 6.875 16.6375 5.525C15.7292 4.175 14.5167 3.2 13 2.6V3C13 3.55 12.8042 4.02083 12.4125 4.4125C12.0208 4.80417 11.55 5 11 5H9V7C9 7.28333 8.90417 7.52083 8.7125 7.7125C8.52083 7.90417 8.28333 8 8 8H6V10H12C12.2833 10 12.5208 10.0958 12.7125 10.2875C12.9042 10.4792 13 10.7167 13 11V14H14C14.4333 14 14.825 14.1292 15.175 14.3875C15.525 14.6458 15.7667 14.9833 15.9 15.4Z\" fill=\"%23131313\"/></svg>";
@@ -1025,7 +1042,8 @@ export declare const pauseResumeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR
 export declare const arrowUpCtaIconSvg = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMTggNy43LTAuNy0wLjItNy4zLTQtNy4zIDRjLTAuNyAwLjQtMS42IDAuMi0yLTAuNi0wLjQtMC43LTAuMS0xLjYgMC42LTJsOC00LjRhMiAyIDAgMCAxIDEuNSAwbDggNC40YzAuNyAwLjQgMSAxLjMgMC42IDItMC40IDAuNS0wLjkgMC44LTEuNCAwLjh6Ii8+Cjwvc3ZnPgo=";
 export declare const externalLinkIconSvg = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+CjxwYXRoIGQ9Im0xMiAwYzYuNiAwIDEyIDUuNCAxMiAxMnMtNS40IDEyLTEyIDEyLTEyLTUuNC0xMi0xMiA1LjQtMTIgMTItMTJ6IiBmaWxsLW9wYWNpdHk9Ii4xIi8+CjxwYXRoIGQ9Im0xMy44IDE0LjYgMC4yIDAuNS0wLjIgMC41LTEuNSAxLjRjLTAuNyAwLjctMS43IDEuMS0yLjcgMS4xYTQgNCAwIDAgMS0yLjctMS4xIDMuOSAzLjkgMCAwIDEtMS4xLTIuNyA0IDQgMCAwIDEgMS4xLTIuN2wxLjUtMS41IDAuNS0wLjEgMC41IDAuMiAwLjIgMC41LTAuMiAwLjUtMS41IDEuNWMtMC41IDAuNS0wLjcgMS4xLTAuNyAxLjdzMC4zIDEuMyAwLjcgMS43YzAuNSAwLjUgMS4xIDAuNyAxLjcgMC43czEuMy0wLjMgMS43LTAuN2wxLjUtMS41YzAuMy0wLjMgMC43LTAuMyAxIDB6bTMuMi03LjZhMy45IDMuOSAwIDAgMC0yLjctMS4xIDQgNCAwIDAgMC0yLjcgMS4xbC0xLjUgMS41LTAuMSAwLjQgMC4yIDAuNSAwLjUgMC4yIDAuNS0wLjIgMS41LTEuNWMwLjUtMC41IDEuMS0wLjcgMS43LTAuN3MxLjMgMC4zIDEuNyAwLjdjMC41IDAuNSAwLjcgMS4xIDAuNyAxLjdzLTAuMyAxLjMtMC43IDEuN2wtMS41IDEuNS0wLjIgMC41IDAuMiAwLjUgMC41IDAuMiAwLjUtMC4yIDEuNS0xLjVjMC43LTAuNyAxLjEtMS43IDEuMS0yLjctMC4xLTEtMC41LTEuOS0xLjItMi42em0tNy45IDcuMiAwLjIgMC41IDAuNSAwLjIgMC41LTAuMiA0LjUtNC41IDAuMi0wLjUtMC4yLTAuNWMtMC4zLTAuMi0wLjgtMC4yLTEgMC4xbC00LjUgNC41eiIvPgo8L3N2Zz4K";
 export declare const fullscreenIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkxNTFfNTE4OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MTUxXzUxODkpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVYxNUg1VjE5SDlWMjFINVpNMTUgMjFWMTlIMTlWMTVIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFIMTVaTTMgOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0g5VjVINVY5SDNaTTE5IDlWNUgxNVYzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWOUgxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L3N2Zz4K";
-export declare const arrowPageMomentIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NjcgMThWNS43MzMzMkwxLjg2NjY3IDEwLjUzMzNMMCA4LjY2NjY2TDggMC42NjY2NTZMMTYgOC42NjY2NkwxNC4xMzMzIDEwLjUzMzNMOS4zMzMzMyA1LjczMzMyVjE4SDYuNjY2NjdaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+Cjwvc3ZnPgo=";
+export declare const arrowDownMomentIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NjcgMThWNS43MzMzMkwxLjg2NjY3IDEwLjUzMzNMMCA4LjY2NjY2TDggMC42NjY2NTZMMTYgOC42NjY2NkwxNC4xMzMzIDEwLjUzMzNMOS4zMzMzMyA1LjczMzMyVjE4SDYuNjY2NjdaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+Cjwvc3ZnPgo=";
+export declare const arrowUpMomentIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgdHJhbnNmb3JtPSJzY2FsZSgxIC0xKSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NjcgMThWNS43MzMzMkwxLjg2NjY3IDEwLjUzMzNMMCA4LjY2NjY2TDggMC42NjY2NTZMMTYgOC42NjY2NkwxNC4xMzMzIDEwLjUzMzNMOS4zMzMzMyA1LjczMzMyVjE4SDYuNjY2NjdaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+Cjwvc3ZnPgo=";
 export declare const externalLinkIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+CjxwYXRoIGQ9Im0xMiAwYzYuNiAwIDEyIDUuNCAxMiAxMnMtNS40IDEyLTEyIDEyLTEyLTUuNC0xMi0xMiA1LjQtMTIgMTItMTJ6IiBmaWxsLW9wYWNpdHk9Ii4xIi8+CjxwYXRoIGQ9Im0xMy44IDE0LjYgMC4yIDAuNS0wLjIgMC41LTEuNSAxLjRjLTAuNyAwLjctMS43IDEuMS0yLjcgMS4xYTQgNCAwIDAgMS0yLjctMS4xIDMuOSAzLjkgMCAwIDEtMS4xLTIuNyA0IDQgMCAwIDEgMS4xLTIuN2wxLjUtMS41IDAuNS0wLjEgMC41IDAuMiAwLjIgMC41LTAuMiAwLjUtMS41IDEuNWMtMC41IDAuNS0wLjcgMS4xLTAuNyAxLjdzMC4zIDEuMyAwLjcgMS43YzAuNSAwLjUgMS4xIDAuNyAxLjcgMC43czEuMy0wLjMgMS43LTAuN2wxLjUtMS41YzAuMy0wLjMgMC43LTAuMyAxIDB6bTMuMi03LjZhMy45IDMuOSAwIDAgMC0yLjctMS4xIDQgNCAwIDAgMC0yLjcgMS4xbC0xLjUgMS41LTAuMSAwLjQgMC4yIDAuNSAwLjUgMC4yIDAuNS0wLjIgMS41LTEuNWMwLjUtMC41IDEuMS0wLjcgMS43LTAuN3MxLjMgMC4zIDEuNyAwLjdjMC41IDAuNSAwLjcgMS4xIDAuNyAxLjdzLTAuMyAxLjMtMC43IDEuN2wtMS41IDEuNS0wLjIgMC41IDAuMiAwLjUgMC41IDAuMiAwLjUtMC4yIDEuNS0xLjVjMC43LTAuNyAxLjEtMS43IDEuMS0yLjctMC4xLTEtMC41LTEuOS0xLjItMi42em0tNy45IDcuMiAwLjIgMC41IDAuNSAwLjIgMC41LTAuMiA0LjUtNC41IDAuMi0wLjUtMC4yLTAuNWMtMC4zLTAuMi0wLjgtMC4yLTEgMC4xbC00LjUgNC41eiIvPgo8L3N2Zz4K";
 export declare const newPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzk0NDlfOTc2NyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85NDQ5Xzk3NjcpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0gxMlY1SDVWMTlIMTlWMTJIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFINVpNOS43IDE1LjdMOC4zIDE0LjNMMTcuNiA1SDE0VjNIMjFWMTBIMTlWNi40TDkuNyAxNS43WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+Cjwvc3ZnPgo=";
 
@@ -1062,6 +1080,7 @@ export interface IBlazeSDKOptions {
     shouldCreateUser?: boolean;
     externalUserId?: string | null;
     prefetchingPolicy?: PrefetchingPolicyType;
+    shouldAllowHorizontalStories?: boolean;
 }
 
 export interface IButtonPlayerNavigationConfig {
@@ -1141,7 +1160,7 @@ export interface IHttpResponse<T = any> extends IResponse<T> {
     httpStatus?: number;
 }
 
-export interface IIcons {
+export interface BlazeStoryIcons {
     play: string;
     pause: string;
     mute: string;
@@ -1157,6 +1176,20 @@ export interface IIcons {
         prevStory: string;
     };
 }
+export interface BlazeMomentIconsStyle {
+    play: string;
+    pause: string;
+    mute: string;
+    unmute: string;
+    share: string;
+    exit: string;
+    like: string;
+    unlike: string;
+    navigation: {
+        nextMoment: string;
+        prevMoment: string;
+    };
+}
 
 export * from './ad-handler.interface';
 export * from './behaviors.interface';
@@ -1363,6 +1396,7 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
     private _shouldCreateUser;
     private _externalUserId;
     private _prefetchingPolicy;
+    private _shouldAllowHorizontalStories;
     protected constructor();
     init(options: IBlazeSDKOptions): Promise<void>;
     private _urls;
@@ -1377,6 +1411,7 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
     set externalUserId(value: string | null);
     get doNotTrack(): boolean;
     set doNotTrack(value: boolean);
+    get shouldAllowHorizontalStories(): boolean;
     get geoLocation(): string;
     set geoLocation(value: string);
     get staticContent(): boolean;
@@ -1714,6 +1749,7 @@ export declare class Presets {
     static RowHorizontalRectangle: LayoutStyle;
     static Default: LayoutStyle;
     static DefaultStoryStyle: StoryPlayerStyle;
+    static DefaultMomentStyle: MomentPlayerStyle;
 }
 
 export interface IndicatorStyle {
@@ -1789,9 +1825,55 @@ export interface StoryPlayerStyle {
     iconsButtonPadding: string;
     iconsButtonOrder: IconButtonType[];
     contentOrder: ContentOrderType[];
-    icons: IIcons;
+    icons: BlazeStoryIcons;
     localeDirection: LocaleDirectionType;
 }
+export type BlazeMomentsPlayerTextStyle = {
+    font: string;
+    textSizeMobile: string;
+    textSizeTablet: string;
+    textSizeDesktop: string;
+    textColor: string;
+    fontWeight: FontWeightType;
+    textTransform: TextTransformType;
+    isVisible: boolean;
+    lineHeight: string;
+};
+type BlazeMomentsPlayerHeadingTextStyle = BlazeMomentsPlayerTextStyle & {
+    contentSource: 'TITLE' | 'SUBTITLE';
+};
+type BlazeMomentsPlayerBodyTextStyle = BlazeMomentsPlayerTextStyle & {
+    contentSource: 'TITLE' | 'SUBTITLE' | 'DESCRIPTION';
+};
+type BlazeMomentsPlayerButtonsStyle = {
+    mute_unmute: BlazeMomentsPlayerButtonStyle;
+    exit: BlazeMomentsPlayerButtonStyle;
+    share: BlazeMomentsPlayerButtonStyle;
+    like_unlike: BlazeMomentsPlayerButtonStyle;
+};
+export type BlazeMomentsPlayerButtonDeviceStyle = {
+    width: string;
+    height: string;
+    color: string;
+    padding: string;
+    isVisible: boolean;
+    borderRadius: string;
+    backgroundColor: string;
+};
+type BlazeMomentsPlayerButtonStyle = {
+    mobile: BlazeMomentsPlayerButtonDeviceStyle;
+    tablet: BlazeMomentsPlayerButtonDeviceStyle;
+    desktop: BlazeMomentsPlayerButtonDeviceStyle;
+};
+export interface MomentPlayerStyle {
+    headingText: BlazeMomentsPlayerHeadingTextStyle;
+    bodyText: BlazeMomentsPlayerBodyTextStyle;
+    likeText: BlazeMomentsPlayerTextStyle;
+    buttons: BlazeMomentsPlayerButtonsStyle;
+    icons: BlazeMomentIconsStyle;
+    iconsButtonOrder: IconButtonType[];
+    iconsPosition: IconsPositionType;
+}
 export interface CtaButtonStyle {
     borderRadius: string;
     border: string;
@@ -1816,9 +1898,9 @@ export interface IconStyle {
     size: string;
     color: string;
 }
-export interface IWidgetTheme {
+export interface IWidgetTheme<T = MomentPlayerStyle | StoryPlayerStyle> {
     layoutStyle: LayoutStyle;
-    playerStyle: StoryPlayerStyle;
+    playerStyle: T;
 }
 export declare const Colors: {
     readonly DarkPrimary: "#0D0F14";
@@ -1837,8 +1919,12 @@ export declare const Colors: {
 
 export type ThemeType = 'grid-2-columns' | 'grid-3-columns' | 'row-circle' | 'row-rectangle' | 'row-rectangle-horizontal' | 'grid-2-columns-horizontal' | 'grid-3-columns-horizontal' | 'default';
 export declare class ThemeFactory {
-    static create(name?: ThemeType): IWidgetTheme;
+    static create(name: ThemeType, contentType: 'moment'): IWidgetTheme<MomentPlayerStyle>;
+    static create(name: ThemeType, contentType: 'story'): IWidgetTheme<StoryPlayerStyle>;
+    static create(name: ThemeType): IWidgetTheme<StoryPlayerStyle>;
 }
+export declare function isStoryPlayerStyle(playerStyle: StoryPlayerStyle | MomentPlayerStyle): playerStyle is StoryPlayerStyle;
+export declare function isMomentPlayerStyle(playerStyle: StoryPlayerStyle | MomentPlayerStyle): playerStyle is MomentPlayerStyle;
 
 
 export interface IAttributeParser {
@@ -2217,7 +2303,7 @@ export type Direction = 'UP' | 'DOWN' | 'RIGHT' | 'LEFT';
 export type NavigationType = 'Automatic' | 'Manual' | '';
 export type NavigationDirectionType = 'Forwards' | 'Backwards' | '';
 
-export type ComponentsElementType = 'blaze-alert' | 'blaze-toast' | 'blaze-chip' | 'blaze-image';
+export type ComponentsElementType = 'blaze-alert' | 'blaze-chip' | 'blaze-image';
 export type WidgetElementType = 'blaze-sdk';
 export type ElementType = WidgetElementType | ComponentsElementType;
 
@@ -2397,6 +2483,7 @@ export declare class Stopwatch {
 export * from './widget-video-base';
 export * from './widget-player';
 export * from './ad/widget-ad';
+export * from './ad/widget-banner-ad';
 export * from './widget-embedded-story';
 export * from './widget-interaction';
 export * from './widget-item';
@@ -2433,6 +2520,7 @@ export declare abstract class BlazeWidgetContent extends HTMLElement {
     widgetParentItem: BlazeWidgetItem;
     sessionId: string;
     refContentModal?: BlazeWidgetStoryModal | BlazeWidgetMomentModal;
+    abstract aspectRatio?: ContentAspectRatio;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -2545,7 +2633,7 @@ export declare class BlazeWidgetInteraction extends BaseWidget {
 }
 
 export interface BlazeWidgetItemOptions {
-    theme: IWidgetTheme;
+    layout: LayoutStyle;
     content: IStory | IMoment;
 }
 export declare class BlazeWidgetItem extends BaseWidget {
@@ -2558,7 +2646,7 @@ export declare class BlazeWidgetItem extends BaseWidget {
     private label;
     private labelContainer;
     private labelBackground;
-    theme: IWidgetTheme;
+    layoutStyle: LayoutStyle;
     private chip;
     private badge;
     private isLive;
@@ -2576,7 +2664,7 @@ export declare class BlazeWidgetItem extends BaseWidget {
     connectedCallback(): void;
     updateWidget(): void;
     updateWidgetItemPadding(): void;
-    updateWidgetItemStyle(theme: IWidgetTheme): void;
+    updateWidgetItemStyle(layoutStyle: LayoutStyle): void;
     private setupDOMElements;
     private setupEventListeners;
     private handleWidgetClick;
@@ -2595,7 +2683,7 @@ export declare class BlazeWidgetItem extends BaseWidget {
     private handleOutsidePosition;
     private handleInsidePosition;
     private applyCommonStyles;
-    setTheme(theme: IWidgetTheme): void;
+    setTheme(layoutStyle: LayoutStyle): void;
     initializeAndRenderWidget(): void;
     getPaddingOnContainer(): PositionOffset;
     setPaddingOnContainer(padding: PositionOffset): void;
@@ -2642,7 +2730,6 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     onPlayerOpen(): void;
     getParentHeightWithoutPadding(): number | null;
     setId(id: string): void;
-    handlePopState(): void;
     private setReloadData;
     addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
     set storyIds(value: string);
@@ -2669,10 +2756,12 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     static get observedAttributes(): string[];
     private onItemClick;
     private loadContent;
+    private handleStoryContent;
+    private handleMomentContent;
     handleAssetsExpiry(data: {
         assetsExpiryTime: string;
     }): void;
-    processStoriesInWidget(): void;
+    handleWidgetContent(): void;
     calculateChipSizes(theme: IWidgetTheme): {
         badge: {
             width: number;
@@ -2727,12 +2816,14 @@ export declare class BlazeWidgetModal extends BaseWidget {
     hammer: HammerManager | null;
     isMultiTouch: boolean;
     boundOnResizeEvent: (this: Window, ev: UIEvent) => void;
+    boundOnPopStateEvent: (ev: PopStateEvent) => void;
     onContentChange?: (mode: ContentDirection) => void;
     constructor(type: 'story' | 'moment');
     connectedCallback(): void;
     disconnectedCallback(): void;
     onResize(): void;
     handleOnContentChange(mode: ContentDirection): void;
+    handlePopState(ev: PopStateEvent): void;
     seek(id: string): void;
     setupHammer(): void;
     handlePanStart(ev: HammerInput): void;
@@ -3025,10 +3116,20 @@ export declare class BlazeWidgetAd extends BlazeWidgetVideoBase {
     private destroyAd;
 }
 
+export declare class BlazeWidgetBannerAd extends HTMLElement {
+    private adContainer;
+    private get googletag();
+    connectedCallback(): void;
+    show(bannerAdInfo?: IBannerAdInfo): void;
+    private setInitialStyles;
+    private setAdContainer;
+    private raiseAnalyticsEventToParent;
+}
+
 export type BlazeWidgetContentType = BlazeWidgetMoment[] & BlazeWidgetStory[];
 export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
     parentWidget: HTMLElement;
-    playerLayout: StoryPlayerStyle;
+    playerLayout: MomentPlayerStyle;
     data: IMoment[];
     playlistSessionId: string;
     navigationButtonsContainerElement: BlazeDiv;
@@ -3039,9 +3140,10 @@ export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
     boundOnKeyDown: (ev: KeyboardEvent) => void;
     boundOnNavigationChange: (ev: Event) => void;
     boundOnResizeEventDelay: (this: Window, ev: UIEvent) => void;
-    constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
+    constructor(parentWidget: HTMLElement, playerLayout: MomentPlayerStyle);
     connectedCallback(): void;
     disconnectedCallback(): void;
+    setTheme(playerStyle: MomentPlayerStyle): void;
     onNavigationChange(ev: Event): void;
     navigateContent(direction: ContentDirection): void;
     createNavigationButton(direction: ContentDirection): BlazeButton;
@@ -3077,6 +3179,7 @@ export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
     handleEndSwipe(ev: HammerInput): void;
     handlePrevDirection(): void;
     handleNextDirection(): void;
+    releaseMomentFromMemory(moment: BlazeWidgetMoment): void;
     updateItemData(itemToReplaceWith: BlazeWidgetMoment & BlazeWidgetStory, nextItemToInsert: BlazeWidgetMoment | BlazeWidgetStory): void;
     createAnimation(content: BlazeWidgetMoment, direction: ContentDirection, targetIndex: number): AnimeTimelineInstance;
     handleAnimationStart(content: BlazeWidgetMoment, direction: ContentDirection): void;
@@ -3149,12 +3252,23 @@ export declare class BlazeWidgetMomentSeekBar extends HTMLElement {
 
 interface ButtonElementOptions {
     iconUrl: string;
-    size: string;
+    width: string;
+    height: string;
     onClick?: (this: GlobalEventHandlers, ev: MouseEvent) => void;
     backgroundColor?: string;
+    padding?: string;
+    color?: string;
+    borderRadius?: string;
+}
+interface MomentContentParams {
+    title: string;
+    description: string;
+    subtitle: string;
 }
 export declare class BlazeWidgetMoment extends BlazeWidgetContent {
+    playerStyle?: MomentPlayerStyle | undefined;
     video?: BlazeWidgetVideo | BlazeWidgetAd;
+    aspectRatio?: ContentAspectRatio | undefined;
     modal: BlazeWidgetMomentModal;
     seekBar: BlazeWidgetMomentSeekBar;
     shareModal: BlazeWidgetShareModal | undefined;
@@ -3173,14 +3287,16 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     shadowTopElement: BlazeDiv;
     topButtonsContainer: BlazeDiv;
     bottomButtonsContainer: BlazeDiv;
+    likeWrapperElement: BlazeDiv;
+    likeCountElement: BlazeDiv;
     closeButtonElement: BlazeButton;
     muteButtonElement: BlazeButton;
-    likeWrapperElement: BlazeDiv;
     likeButtonElement: BlazeButton;
-    likeCountElement: BlazeDiv;
     shareButtonElement: BlazeButton;
     playPauseButtonElement: BlazeButton;
-    contentTitleElement: BlazeDiv;
+    headBodyContainer: BlazeDiv;
+    headElement: BlazeDiv;
+    bodyElement: BlazeDiv;
     ctaButtonElement: BlazeCtaButton;
     isInit: boolean;
     isActive: boolean;
@@ -3189,19 +3305,23 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     adContext?: IAdContext;
     elementsToHideOnImaAds: (HTMLElement | undefined)[];
     elementsToHideOnCustomAds: (HTMLElement | undefined)[];
-    constructor();
+    originalVideoRef: BlazeWidgetVideo | undefined;
+    constructor(playerStyle?: MomentPlayerStyle | undefined);
+    setPlayerStyle(style: MomentPlayerStyle): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    setTheme(playerStyle: MomentPlayerStyle): void;
     initializeStyles(): void;
-    styleBottomContentContainer(): void;
     styleMainContainer(): void;
+    styleBottomContentContainer(): void;
     styleShadowElements(): void;
     styleShadowTopElement(): void;
     styleShadowBottomElement(): void;
     styleButtonsContainer(): void;
     styleTopContainer(): void;
     styleBottomContainer(): void;
-    styleContentTitle(): void;
+    styleHeadBodyContainer(): void;
+    styleContent(element: BlazeDiv, textStyle: BlazeMomentsPlayerTextStyle, type: string): void;
     styleLike(): void;
     styleShare(): void;
     styleCta(): void;
@@ -3209,11 +3329,10 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     appendShadowElements(): void;
     createButtonElement(options: ButtonElementOptions, button: BlazeButton): void;
     configureShareModal(): void;
-    configureButtons(): void;
-    createLikeButton(size: string): Promise<void>;
+    configureButtons(): Promise<void>;
     appendButtonsContainer(): void;
     handleMobileSpecificFeatures(): void;
-    configureContentTitle(): void;
+    configureContentBody(): void;
     appendBottomContainer(): void;
     createPlayPauseButton(): void;
     handlePlayPauseButtonClick(): void;
@@ -3222,6 +3341,8 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     onBlur(): void;
     onFocus(): void;
     onContentClick(): void;
+    expandBodyText(lineClamp: string): void;
+    collapseBodyText(lineClamp: string): void;
     onMuteUnmuteChange(): void;
     updatePlayerButtonIcons(): void;
     handleOnShareClick(): Promise<void>;
@@ -3237,7 +3358,7 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
         shouldShowImaAdOnStart: boolean;
         imaUrl: string;
     }): Promise<void>;
-    updateContentTitle(title: string): void;
+    updateContent(momentContentData: MomentContentParams): void;
     updateLikeCount(likes?: number): Promise<void>;
     updateCta(cta: ICTA): void;
     onCtaClick(event: Event): boolean;
@@ -3250,7 +3371,6 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     restartVideo(): void;
     adjustAdView(): void;
     event(action: MomentAction, momentData: Partial<MomentEvent>, label?: string | undefined): void;
-    adjustStylesForDevice(): void;
     render(): void;
 }
 
@@ -3264,7 +3384,7 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
     connectedCallback(): void;
     disconnectedCallback(): void;
-    setTheme(theme: IWidgetTheme): void;
+    setTheme(playerStyle: StoryPlayerStyle): void;
     setModalContent(stories: IStory[], indexOfContentInWidget: number, defaultAdsInfo?: IAdInfo): void;
     onKeyDown(ev: KeyboardEvent): void;
     close(): void;
@@ -3310,6 +3430,7 @@ export declare class BlazeWidgetStoryPlayer extends WidgetAbstractPlayer {
 export declare class BlazeWidgetStory extends BlazeWidgetContent {
     playerStyle: StoryPlayerStyle;
     mode: ScreenMode;
+    aspectRatio?: ContentAspectRatio;
     pages: BlazeWidgetVideoBase[];
     data: IStory;
     shareModal: BlazeWidgetShareModal | undefined;
@@ -3361,6 +3482,7 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     shouldShowImaAdOnStart: boolean;
     imaUrl: string;
     adContext?: IAdContext;
+    bannerAdElement?: BlazeWidgetBannerAd;
     constructor(playerStyle: StoryPlayerStyle, mode: ScreenMode);
     private isButtonVisible;
     private createPlayerButtonsAndAppendToButtonsContainer;
@@ -3369,7 +3491,7 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     onShareClick(): Promise<void>;
     private updateCtaButtonLayout;
     private updateChip;
-    setTheme(storyPlayerStyle: StoryPlayerStyle): void;
+    setTheme(playerStyle: StoryPlayerStyle): void;
     private setButtonNavigationAsDisabled;
     adjustAdView(): void;
     private setPlayerButtonPosition;
@@ -3396,6 +3518,7 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     displayCurrentStoryPageAndHideTheRest(): void;
     load(): void;
     play(): void;
+    bannerAdEvent(detail: InternalEventDetails[InternalEvent.BANNER_ANALYTICS]): void;
     event(action: StoryAction, storyData: Partial<StoryEvent>, label?: string | undefined): void;
     updateContainerLayout(): void;
     connectedCallback(): void;