@wscsports/blaze-web-sdk 0.1.95 → 0.1.97

package/package.json

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

package/publish/index.d.ts

@@ -4,6 +4,7 @@ export declare function setExternalUserId(value: string): void;
 export declare function Initialize(apiKey: string, options?: Omit<IBlazeSDKOptions, "apiKey">): Promise<void>;
 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 addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
 export declare const Delegations: typeof Delegation;
@@ -265,7 +266,7 @@ export declare class BlazeTypography extends BaseWidget {
     get fontSize(): ".8rem" | "1rem" | ".5rem";
 }
 
-type AttributeType = 'disabled' | 'hidden' | 'height' | 'width' | 'icon-color';
+type AttributeType = 'disabled' | 'hidden' | 'height' | 'width' | 'icon-color' | 'order';
 export declare class BlazeButton extends BaseWidget {
     buttonElement: HTMLButtonElement;
     get refElement(): ShadowRoot | this;
@@ -337,7 +338,9 @@ export declare enum StoryAction {
     ShareSelect = "share_select",
     ShareSuccess = "share_success",
     PlaybackPause = "playback_pause",
-    PlaybackPlay = "playback_play"
+    PlaybackPlay = "playback_play",
+    Expand = "expand",
+    Minimize = "minimize"
 }
 export declare enum WidgetAction {
     Load = "widget_load",
@@ -372,9 +375,12 @@ type ExposedFields = {
 };
 export declare const exposedFieldsByAction: ExposedFields;
 
+export declare const TRANSPARENT = "transparent";
+
 export * from './analytics.constants';
 export * from './iso-country-codes.constants';
 export * from './time.constants';
+export * from './css.constants';
 
 export declare const CountryCodes: readonly ["AF", "AX", "AL", "DZ", "AS", "AD", "AO", "AI", "AQ", "AG", "AR", "AM", "AW", "AU", "AT", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BV", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES", "ET", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GS", "GT", "GU", "GW", "GY", "HK", "HM", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TC", "TD", "TF", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "UG", "UA", "AE", "GB", "US", "UM", "UY", "UZ", "VU", "VE", "VN", "VG", "VI", "WF", "EH", "YE", "ZM", "ZW"];
 
@@ -544,6 +550,12 @@ export declare enum Delegation {
     onWidgetStoryPlayerDismissed = "blaze-widget-story-player-dismissed",
     onWidgetTriggerCTA = "blaze-widget-trigger-CTA"
 }
+export declare enum InternalEvent {
+    NEXT_STORY = "next_story",
+    PREV_STORY = "prev_story",
+    FULL_SCREEN_CLICK = "full_screen_click",
+    AD_ENDED = "ad_ended"
+}
 
 export * from './error-codes.enum';
 export * from './event.enum';
@@ -551,6 +563,7 @@ export * from './event.enum';
 export interface WidgetsTagNameMap {
     'blaze-sdk': BlazeWidgetSDK;
     'blaze-widget-ad': BlazeWidgetStoryAd;
+    'blaze-widget-embedded-story': BlazeWidgetEmbeddedStory;
     'blaze-widget-modal': BlazeWidgetModal;
     'blaze-widget-item': BlazeWidgetItem;
     'blaze-widget-layout': BlazeWidgetLayout;
@@ -582,6 +595,7 @@ export interface WidgetsTagNameMap {
 interface WidgetsTagNameOptionsMap {
     'blaze-sdk': {};
     'blaze-widget-ad': {};
+    'blaze-widget-embedded-story': {};
     'blaze-widget-modal': {};
     'blaze-widget-item': {};
     'blaze-widget-layout': {};
@@ -636,7 +650,7 @@ export declare const prevSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"ht
 export declare const closeSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"CloseIcon\"><path fill=\"%23fff\"  d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></svg>";
 export declare const closeSvgBlack = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"CloseIcon\"><path fill=\"%23000\"  d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></svg>";
 export declare const nextStory = "data:image/svg+xml;charset=utf-8,<svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g> <circle cx=\"24\" cy=\"24\" r=\"20\" fill=\"rgba(1,1,1,0.2)\" fill-opacity=\"0.2\" shape-rendering=\"crispEdges\"/> </g> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M 25.725 28.753 L 27.705 30.899 L 34.296 23.756 L 27.705 16.613 L 25.725 18.759 L 30.334 23.756 L 25.725 28.753 Z\" fill=\"white\"/> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M 15.098 29.053 L 17.078 31.199 L 23.669 24.056 L 17.078 16.913 L 15.098 19.059 L 19.707 24.056 L 15.098 29.053 Z\" fill=\"white\"/> </svg>";
-export declare const fullScreenSvg = "data:image/svg+xml;charset=utf-8,<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 11.9999L5 11.9999L5 13.9999L2.15329e-09 13.9999L1.38309e-09 8.99988L2 8.99988L2 11.9999ZM12 1.99988L9 1.99988L9 -0.000122069L14 -0.000122068L14 4.99988L12 4.99988L12 1.99988ZM14 13.9999L9 13.9999L9 11.9999L12 11.9999L12 8.99988L14 8.99988L14 13.9999ZM0 -0.00012207L5 -0.00012207L5 1.99988L2 1.99988L2 4.99988L7.68381e-10 4.99988L0 -0.00012207Z\" fill=\"white\"/> </svg>";
+export declare const fullScreenSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM3M18xNzMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzczXzE3MykiPgo8cGF0aCBkPSJNNSAyMUM0LjQ1IDIxIDMuOTc5MTcgMjAuODA0MiAzLjU4NzUgMjAuNDEyNUMzLjE5NTgzIDIwLjAyMDggMyAxOS41NSAzIDE5VjE1SDVWMTlIOVYyMUg1Wk0xNSAyMVYxOUgxOVYxNUgyMVYxOUMyMSAxOS41NSAyMC44MDQyIDIwLjAyMDggMjAuNDEyNSAyMC40MTI1QzIwLjAyMDggMjAuODA0MiAxOS41NSAyMSAxOSAyMUgxNVpNMyA5VjVDMyA0LjQ1IDMuMTk1ODMgMy45NzkxNyAzLjU4NzUgMy41ODc1QzMuOTc5MTcgMy4xOTU4MyA0LjQ1IDMgNSAzSDlWNUg1VjlIM1pNMTkgOVY1SDE1VjNIMTlDMTkuNTUgMyAyMC4wMjA4IDMuMTk1ODMgMjAuNDEyNSAzLjU4NzVDMjAuODA0MiAzLjk3OTE3IDIxIDQuNDUgMjEgNVY5SDE5WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+Cjwvc3ZnPgo=";
 export declare const rightArrowSvg = "data:image/svg+xml;charset=utf-8,<svg width=\"6\" height=\"10\" viewBox=\"0 0 6 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.49779L1.38618 10L6 5L1.38618 0L0 1.50221L3.22686 5L0 8.49779Z\" fill=\"white\"/> </svg>";
 export declare const replaySvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"ReplayIcon\" aria-label=\"fontSize large\"><path d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path></svg>";
 export declare const replayWhiteSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"ReplayIcon\" aria-label=\"fontSize large\"><path fill=\"white\" d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path></svg>";
@@ -659,6 +673,7 @@ export declare const playIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiI
 export declare const pauseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwYXVzZSIgZD0iTTI3IDM2VjEySDMzVjM2SDI3Wk0xNSAzNlYxMkgyMVYzNkgxNVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
 export declare const arrowUpCtaIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMTggNy43LTAuNy0wLjItNy4zLTQtNy4zIDRjLTAuNyAwLjQtMS42IDAuMi0yLTAuNi0wLjQtMC43LTAuMS0xLjYgMC42LTJsOC00LjRhMiAyIDAgMCAxIDEuNSAwbDggNC40YzAuNyAwLjQgMSAxLjMgMC42IDItMC40IDAuNS0wLjkgMC44LTEuNCAwLjh6Ii8+Cjwvc3ZnPgo=";
 export declare const externalLinkIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+CjxwYXRoIGQ9Im0xMiAwYzYuNiAwIDEyIDUuNCAxMiAxMnMtNS40IDEyLTEyIDEyLTEyLTUuNC0xMi0xMiA1LjQtMTIgMTItMTJ6IiBmaWxsLW9wYWNpdHk9Ii4xIi8+CjxwYXRoIGQ9Im0xMy44IDE0LjYgMC4yIDAuNS0wLjIgMC41LTEuNSAxLjRjLTAuNyAwLjctMS43IDEuMS0yLjcgMS4xYTQgNCAwIDAgMS0yLjctMS4xIDMuOSAzLjkgMCAwIDEtMS4xLTIuNyA0IDQgMCAwIDEgMS4xLTIuN2wxLjUtMS41IDAuNS0wLjEgMC41IDAuMiAwLjIgMC41LTAuMiAwLjUtMS41IDEuNWMtMC41IDAuNS0wLjcgMS4xLTAuNyAxLjdzMC4zIDEuMyAwLjcgMS43YzAuNSAwLjUgMS4xIDAuNyAxLjcgMC43czEuMy0wLjMgMS43LTAuN2wxLjUtMS41YzAuMy0wLjMgMC43LTAuMyAxIDB6bTMuMi03LjZhMy45IDMuOSAwIDAgMC0yLjctMS4xIDQgNCAwIDAgMC0yLjcgMS4xbC0xLjUgMS41LTAuMSAwLjQgMC4yIDAuNSAwLjUgMC4yIDAuNS0wLjIgMS41LTEuNWMwLjUtMC41IDEuMS0wLjcgMS43LTAuN3MxLjMgMC4zIDEuNyAwLjdjMC41IDAuNSAwLjcgMS4xIDAuNyAxLjdzLTAuMyAxLjMtMC43IDEuN2wtMS41IDEuNS0wLjIgMC41IDAuMiAwLjUgMC41IDAuMiAwLjUtMC4yIDEuNS0xLjVjMC43LTAuNyAxLjEtMS43IDEuMS0yLjctMC4xLTEtMC41LTEuOS0xLjItMi42em0tNy45IDcuMiAwLjIgMC41IDAuNSAwLjIgMC41LTAuMiA0LjUtNC41IDAuMi0wLjUtMC4yLTAuNWMtMC4zLTAuMi0wLjgtMC4yLTEgMC4xbC00LjUgNC41eiIvPgo8L3N2Zz4K";
+export declare const fullscreenIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkxNTFfNTE4OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MTUxXzUxODkpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVYxNUg1VjE5SDlWMjFINVpNMTUgMjFWMTlIMTlWMTVIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFIMTVaTTMgOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0g5VjVINVY5SDNaTTE5IDlWNUgxNVYzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWOUgxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L3N2Zz4K";
 
 type CustomNativeTargeting = Record<string, string | string[]>;
 type CustomNativeArgs = {
@@ -668,7 +683,6 @@ export interface CustomNativeAdHandler {
     provideAdExtraParams?: (args: CustomNativeArgs) => CustomNativeTargeting;
 }
 
-export type EnvironmentType = 'prod' | 'uat';
 export interface IBlazeSDKOptions {
     apiKey: string;
     environment?: EnvironmentType;
@@ -680,8 +694,26 @@ export interface IBlazeSDKOptions {
     geoLocation?: string;
     staticContent?: boolean;
     runInShadowDom?: boolean;
+    playerStyleCustomization?: Partial<StoryPlayerStyle>;
     shouldModifyUrlWithStoryId?: boolean;
 }
+export interface ISmoothOpenCloseModal {
+    storyId?: string;
+    pageIndex: number;
+}
+
+export interface IButtonPlayerNavigationConfig {
+    iconUrl: string;
+    position: 'left' | 'right';
+    margin: string;
+    buttonType: StoryDirectionType;
+    clickHandler: EventHandler<MouseEvent>;
+}
+export interface IButtonPlayerConfig {
+    iconUrl: string;
+    eventType: string;
+    clickHandler: () => void;
+}
 
 export interface IDatabase {
     init: (options: IDatabaseInitOptions) => Promise<void>;
@@ -727,10 +759,30 @@ export interface IDrawable {
     render: () => void;
 }
 
+export interface IIcons {
+    play: string;
+    pause: string;
+    mute: string;
+    unmute: string;
+    share: string;
+    fullscreen: string;
+    exitMobileTablet: string;
+    exitDesktop: string;
+    navigation: {
+        nextPage: string;
+        prevPage: string;
+        nextStory: string;
+        prevStory: string;
+    };
+}
+
+export * from './ad-handler.interface';
 export * from './blaze-sdk.interface';
+export * from './button.interface';
 export * from './database.interface';
 export * from './device.interface';
 export * from './drawable.interface';
+export * from './icons.interface';
 export * from './response.interface';
 export * from './service.interface';
 export * from './widget-label-builder.interface';
@@ -779,7 +831,7 @@ export interface IWidgetViewOptionsWithStoryIds extends IWidgetViewOptionsBase {
 }
 export type IWidgetViewOptions = IWidgetViewOptionsWithLabels | IWidgetViewOptionsWithStoryIds;
 
-export interface IWidgetView {
+export interface IWidgetView extends HTMLElement {
     setTheme: (theme: IWidgetTheme) => void;
     getTheme: () => IWidgetTheme;
     setLabels: (labels: string | string[] | BlazeWidgetLabel, options?: ISetWidgetOptions) => void;
@@ -790,6 +842,8 @@ export interface IWidgetView {
     setMaxItemsDisplaySize: (size: number) => void;
     setDelegations: (delegates: Record<Delegation, EventListenerOrEventListenerObject>) => void;
     updateOverrideStyles: (perItemStyleOverrides: PerItemStyleOverrides) => void;
+    setId: (id: string) => void;
+    setMaxItemsSize: (size: number) => void;
 }
 export interface ISetWidgetOptions {
     shouldReloadData?: boolean;
@@ -936,6 +990,7 @@ export declare class StoryEvent {
     'is_last_page': boolean;
     'audio_state': string;
     'playback_action_method': 'Press' | 'Release' | 'Click';
+    'player_type': 'Embedded' | 'Full Screen';
 }
 export declare class WidgetEvent {
     'page_view_id': string;
@@ -1056,6 +1111,7 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
     private _runInShadowDom;
     private _shouldModifyUrlWithStoryId;
     private _googleCustomNativeAdHandler?;
+    private _playerStyleCustomization?;
     protected constructor();
     init(options: IBlazeSDKOptions): Promise<void>;
     private _urls;
@@ -1078,6 +1134,8 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
     get previewUrl(): string;
     get previewMomentsUrl(): string;
     get runInShadowDom(): boolean;
+    get playerStyleCustomization(): Partial<StoryPlayerStyle>;
+    set playerStyleCustomization(value: Partial<StoryPlayerStyle>);
     get shouldModifyUrlWithStoryId(): boolean;
     get googleCustomNativeAdHandler(): CustomNativeAdHandler | undefined;
     set googleCustomNativeAdHandler(value: CustomNativeAdHandler | undefined);
@@ -1382,15 +1440,25 @@ export interface StoryPlayerStyle {
     titleVisible: boolean;
     titleFont: string;
     titleFontSize: string;
+    titleFontSizeEmbedded: string;
     titleColor: string;
-    timeVisible: boolean;
-    timeFont: string;
-    timeFontSize: string;
-    timeColor: string;
-    chipVisible: boolean;
-    chipFont: string;
-    chipFontSize: string;
+    publishedDateVisible: boolean;
+    publishedDateFont: string;
+    publishedDateFontSize: string;
+    publishedDateFontSizeEmbedded: string;
+    publishedDateColor: string;
+    statusLiveStyle: IndicatorStyle;
     ctaButton: CtaButtonStyle;
+    iconsPosition: IconsPositionType;
+    iconsButton: IconPropertiesType[];
+    iconsButtonSize: string;
+    iconsButtonEmbeddedSize: string;
+    iconsButtonNavigation: IconPropertiesType[];
+    iconsButtonPadding: string;
+    iconsButtonOrder: IconButtonType[];
+    contentOrder: ContentOrderType[];
+    icons: IIcons;
+    localeDirection: LocaleDirectionType;
 }
 export interface CtaButtonStyle {
     borderRadius: string;
@@ -1401,8 +1469,8 @@ export interface CtaButtonStyle {
     color: string;
     isVisible: boolean;
     isAnimated: boolean;
-    fontWeight: 'normal' | 'bold' | 'bolder' | 'lighter' | 'inherit' | 'initial' | 'unset' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-    textTransform: 'capitalize' | 'uppercase' | 'lowercase' | 'none';
+    fontWeight: FontWeightType;
+    textTransform: TextTransformType;
     padding: string;
     width: string;
     height: string;
@@ -1429,6 +1497,8 @@ export declare const Colors: {
     readonly LiveChip: "#FF364E";
     readonly ReadGray: "#9C9C9C";
     readonly TimeColor: "#B6B7B8";
+    readonly White: "#FFFFFF";
+    readonly Black: "#000000";
 };
 
 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';
@@ -1779,7 +1849,6 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
 
 export type ButtonType = 'ALL' | 'PAGE_NAVIGATION_ONLY' | 'STORY_NAVIGATION_ONLY';
 export type ButtonState = 'ACTIVE' | 'DISABLED';
-export type NavigationButtonType = 'PREV_STORY' | 'NEXT_STORY' | 'PREV_PAGE' | 'NEXT_PAGE';
 export declare enum ButtonNavigation {
     PREV_STORY = 0,
     NEXT_STORY = 1,
@@ -1790,25 +1859,45 @@ export type ButtonPositionType = 'LEFT' | 'CENTER' | 'RIGHT';
 export declare const positionMap: {
     [key: string]: string;
 };
+export type IconButtonType = "MUTE_UNMUTE" | "PLAY_PAUSE" | "SHARE" | "FULLSCREEN" | "EXIT_PLAYER";
+export type IconPropertiesType = {
+    value: IconButtonType | StoryDirectionType;
+    embeddedSize?: string;
+    isEmbeddedVisible?: boolean;
+    size?: string;
+    isVisible?: boolean;
+    color?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    padding?: string;
+};
 
 export type ClientPlatform = 'Web';
 
+export type FontWeightType = 'normal' | 'bold' | 'bolder' | 'lighter' | 'inherit' | 'initial' | 'unset' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type TextTransformType = 'capitalize' | 'uppercase' | 'lowercase' | 'none';
+
 export type Direction = 'UP' | 'DOWN' | 'RIGHT' | 'LEFT';
 
 export type ComponentsElementType = 'blaze-alert' | 'blaze-toast' | 'blaze-chip' | 'blaze-image';
 export type WidgetElementType = 'blaze-sdk';
 export type ElementType = WidgetElementType | ComponentsElementType;
 
+export type EnvironmentType = 'prod' | 'uat';
+
 export type FetchPriorityType = 'low' | 'high' | 'auto';
 
 export * from './attribute-parser';
 export * from './button.type';
 export * from './client-platform.type';
+export * from './css.type';
 export * from './direction.type';
 export * from './element.type';
+export * from './environment.type';
 export * from './fetch-priority.type';
 export * from './item.type';
 export * from './label.type';
+export * from './locale.type';
 export * from './order.type';
 export * from './play.type';
 export * from './position.type';
@@ -1826,7 +1915,10 @@ export type PerItemStyleOverrides = Record<EntitiesType, Array<{
 
 export type labelType = string | string[] | BlazeWidgetLabel;
 
+export type LocaleDirectionType = 'LTR' | 'RTL';
+
 export type OrderType = 'Manual' | 'AtoZ' | 'ZtoA' | 'RecentlyUpdatedFirst' | 'RecentlyUpdatedLast' | 'RecentlyCreatedFirst' | 'RecentlyCreatedLast';
+export type ContentOrderType = 'LIVE_CHIP' | 'STORY_TITLE' | 'PUBLISHED_DATE';
 
 export declare const PlayTypeArray: readonly ["Widget", "Share", "SingleStory"];
 export type PlayType = typeof PlayTypeArray[number];
@@ -1841,6 +1933,7 @@ export interface PositionOffset {
     bottom: string;
 }
 export type PartialPositionOffset = Partial<PositionOffset>;
+export type IconsPositionType = 'HORIZONTAL' | 'VERTICAL';
 
 export type SeverityType = 'error' | 'warning' | 'info' | 'success';
 
@@ -1882,7 +1975,8 @@ export declare function pixelsToNumber(pxString: string): number;
 export declare function convertCssUnitToNumber(cssValue: string | number): number;
 export declare function isObject(item: any): boolean;
 export declare function mergeDeep(target: any, ...sources: any[]): any;
-export declare function cloneDeep<T>(target: T): T;
+export declare function mergeArrays(targetArray: any[], sourceArray: any[]): any[];
+export declare function cloneDeep<T>(source: T): T;
 export declare function formatDate(date: Date): string;
 export declare function formatUTCDate(date: Date): string;
 export declare function calculatePercentage(value: number, element: BlazeDiv): string;
@@ -1897,6 +1991,12 @@ export type DeepPartial<T> = T extends object ? {
 export declare function flattenObject<T extends Record<string, any>>(obj: T): Record<string, any>;
 export declare function mergeStyles(element: HTMLElement, styles: Partial<CSSStyleDeclaration>): object;
 export declare function getMaxValue(currentMax: string, newValue: string): string;
+export declare function isReadByLastUnIgnoredPageStatus(story: IStory): boolean;
+export declare function applyPlayerStyleChanges(defaultPlayerStyle: StoryPlayerStyle, mergedPlayerStyle: StoryPlayerStyle, themePlayerStyle: StoryPlayerStyle, playerStyleChanges: any): void;
+export declare function getChangedProperties(source: any, target: any, level: string, playerStyleChanges: any, parentKeys?: string): void;
+export declare function removeDuplicates(source: string[], checkAgainst: string[]): string[];
+export declare function updateStyle(styleToUpdate: any, path: string[], newValue: any): void;
+export declare function getNestedValue(obj: any, path: string[]): any;
 
 export * from './chip.utils';
 export * from './common.utils';
@@ -1931,6 +2031,7 @@ export declare class Stopwatch {
 }
 
 export * from './widget-ad';
+export * from './widget-embedded-story';
 export * from './widget-interaction';
 export * from './widget-item';
 export * from './widget-label';
@@ -1953,6 +2054,7 @@ export * from './widget-story-preview';
 export * from './widget-story-video';
 
 export declare class BlazeWidgetStoryAd extends BlazeWidgetStoryBase {
+    private storyParent;
     data: IPage | undefined;
     private isCurrectlyDisplay;
     private adContainer;
@@ -1982,6 +2084,55 @@ export declare class BlazeWidgetStoryAd extends BlazeWidgetStoryBase {
     private initStyles;
 }
 
+export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWidgetView, Observable {
+    preset?: IWidgetTheme;
+    players: BlazeWidgetStory[];
+    intersectionObserver: IntersectionObserver;
+    isIntersecting: boolean;
+    currentStoryPlayerIndex: number;
+    stories: IStory[];
+    modal?: BlazeWidgetStoryModal;
+    skeleton?: BlazeWidgetItemSkeleton;
+    shouldReloadData: boolean;
+    private get theme();
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, _newValue: string): void;
+    getTheme(): IWidgetTheme;
+    setTheme(theme: IWidgetTheme | string): void;
+    setLabels(labels: labelType, options?: ISetWidgetOptions): void;
+    setLabelsPriority(labelsPriority: string, options?: ISetWidgetOptions): void;
+    setContentIds(storyIds: string[], options?: ISetWidgetOptions): void;
+    reload(): void;
+    private reloadLogic;
+    private setReloadData;
+    updateWidgetUI(): void;
+    setMaxItemsDisplaySize(maxSize: number): void;
+    setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
+    updateOverrideStyles(perItemStyleOverrides: PerItemStyleOverrides): void;
+    setId(id: string): void;
+    setMaxItemsSize(size: number): void;
+    get currentStoryPlayer(): BlazeWidgetStory | undefined;
+    private loadStories;
+    setCurrentStoryPlayer(storyIndex: number, pageIndex?: number): void;
+    handleIntersection(entries: IntersectionObserverEntry[]): void;
+    nextStory(): void;
+    prevStory(): void;
+    removeCurrentStoryPlayer(): void;
+    createModal(): BlazeWidgetStoryModal;
+    private handleModalClose;
+    private updatePlayerStyle;
+    openFullscreen(): void;
+    onFullScreenClickHandler(event: Event): void;
+    pauseCurrentStoryPage(): void;
+    playCurrentStoryPage(): void;
+    onCustomNativeAdEnded(): void;
+    showSkeleton(): void;
+    hideSkeleton(): void;
+}
+
 export declare class BlazeWidgetInteraction extends BaseWidget {
     private iframe;
     loadInteraction(interactionData: Interaction): void;
@@ -2115,6 +2266,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
     setMaxItemsDisplaySize(maxSize: number): void;
     setMaxItemsSize(maxItemsSize: number): void;
+    private updatePlayerStyle;
     createModal(): void;
     createMomentsModal(): void;
     static get observedAttributes(): string[];
@@ -2158,7 +2310,6 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     };
     maxSize(): number;
     event(action: WidgetAction, data: Partial<WidgetEvent>, label?: string | undefined): void;
-    isReadByLastUnIgnoredPageStatus(story: IStory): boolean;
     updateWidgetsData(): void;
     reorderWidgets(): void;
     connectWidgets(): void;
@@ -2355,7 +2506,7 @@ export declare class BlazeWidgetScrollable extends BaseWidget {
 }
 
 export declare class BlazeWidgetSDK extends BaseWidget {
-    modalStory: BlazeWidgetStoryModal | undefined;
+    modalStory?: BlazeWidgetStoryModal;
     onResizeEvent: (this: Window, ev: UIEvent) => void;
     static get observedAttributes(): string[];
     constructor();
@@ -2363,6 +2514,7 @@ export declare class BlazeWidgetSDK extends BaseWidget {
     disconnectedCallback(): void;
     onResizeEventDelay(): void;
     onResize(): void;
+    setPlayerStyleCustomization(playerStyleCustomization: Partial<StoryPlayerStyle>): void;
     handleStoryLoad(playReference: 'Share' | 'SingleStory', storyIds: string): Promise<void>;
     handleStaticContentLoad(playReference: 'Share' | 'SingleStory'): Promise<void>;
     enrichContent(content: IStory[]): Promise<IStory[]>;
@@ -2461,10 +2613,11 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     exitButtonElement: BlazeButton;
     exitButtonWrapperElement: BlazeDiv;
     onOpen?: () => void;
-    onClose?: () => void;
+    onClose?: (options?: ISmoothOpenCloseModal) => void;
     onStoryChange?: (mode: StoryDirectionType) => void;
     hammer: HammerManager | null;
     isMultiTouch: boolean;
+    onResizeEvent: (this: Window, ev: UIEvent) => void;
     get refElement(): this;
     constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
     handleOnStoryChange(mode: StoryDirectionType): void;
@@ -2473,7 +2626,7 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     seek(id: string): void;
     onKeyDown(ev: KeyboardEvent): void;
     close(): void;
-    open(): void;
+    open(options?: ISmoothOpenCloseModal): void;
     play(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -2485,6 +2638,8 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     private cleanupHammer;
     render(): void;
     playToggleCurrentStory(): void;
+    private onResize;
+    private onResizeEventDelay;
 }
 
 export declare class BlazeWidgetStoryPlayer extends BaseWidget {
@@ -2526,7 +2681,7 @@ export declare class BlazeWidgetStoryPlayer extends BaseWidget {
     seek(storyId: string): void;
     injectStoryToDomBasedOnUserNavigation(direction: StoryDirectionType): void;
     resetPosition(): void;
-    play(): void;
+    play(options?: ISmoothOpenCloseModal): void;
     clean(): void;
     onCompleteAnimation(story: BlazeWidgetStory, mode: StoryDirectionType): void;
     animateStory(direction: StoryDirectionType): AnimeTimelineInstance | undefined;
@@ -2554,8 +2709,8 @@ export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
     playbackParts: HTMLElement[];
     playToggleBtn: HTMLElement;
     muteToggleBtn: HTMLElement;
-    storyTitle: HTMLElement;
-    storyPublishedDate: HTMLElement;
+    storyTitle: BlazeDiv;
+    storyPublishedDate: BlazeDiv;
     storyThumbnail: HTMLElement;
     storyChip: HTMLElement;
     ctaButton: HTMLElement;
@@ -2670,6 +2825,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
 
 export declare class BlazeWidgetStory extends HTMLElement {
     playerStyle: StoryPlayerStyle;
+    mode: 'Full Screen' | 'Embedded';
     pages: BlazeWidgetStoryBase[];
     data: IStory;
     shareModal: BlazeWidgetShareModal | undefined;
@@ -2687,15 +2843,18 @@ export declare class BlazeWidgetStory extends HTMLElement {
     buttonsContainer: BlazeDiv;
     playbackParts: HTMLElement[];
     playButtonElement?: BlazeButton;
-    shareButtonElement: BlazeButton;
-    muteButtonElement: BlazeButton;
-    exitMobileTabletButtonElement: BlazeButton;
-    storyTitle: HTMLElement;
-    storyPublishedDate: HTMLElement;
-    storyLiveChip: HTMLElement;
-    ctaButtonElement: BlazeCtaButton;
+    shareButtonElement?: BlazeButton;
+    muteButtonElement?: BlazeButton;
+    exitMobileTabletButtonElement?: BlazeButton;
+    fullScreenElement?: BlazeButton;
+    topContainer: BlazeDiv;
     bottomContainer: BlazeDiv;
-    bottomButtons: BlazeDiv;
+    storyContentWrapper: BlazeDiv;
+    storyTitle: BlazeDiv;
+    storyPublishedDate: BlazeDiv;
+    storyLiveChip: BlazeDiv;
+    bottomButtonsWrapper: BlazeDiv;
+    ctaButtonElement: BlazeCtaButton;
     prevPageButton?: BlazeButton;
     nextPageButton?: BlazeButton;
     prevStoryButton?: BlazeButton;
@@ -2704,7 +2863,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     widgetParent: BlazeWidgetItem;
     playCallback: any;
     sessionId: string;
-    startTrigger: 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
+    startTrigger: 'Embedded Player in Viewport' | 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
     exitTrigger: 'Swipe' | 'Swipe Down' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
     navigationType: 'Automatic' | 'Manual' | undefined;
     navigationDirection: 'Forwards' | 'Backwards' | undefined;
@@ -2715,19 +2874,24 @@ export declare class BlazeWidgetStory extends HTMLElement {
     isNavigationPending: boolean;
     navigationTimeout: NodeJS.Timeout | null;
     lastPageIndexToResume: number;
-    elementsToHideOnWebAds: HTMLElement[];
+    elementsToHideOnWebAds: (HTMLElement | undefined)[];
     elementsToHideOnImaAds: (HTMLElement | undefined)[];
     muteStateBeforeAd: 'mute' | 'unmute' | 'no-ad';
     longPressHandler?: LongPressHandler;
     originalNextPageDesktopClickListener: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
     restartStoryOnClickEvent: ((event: MouseEvent) => void) | undefined;
-    constructor(playerStyle: StoryPlayerStyle);
+    constructor(playerStyle: StoryPlayerStyle, mode: 'Full Screen' | 'Embedded');
+    private isButtonVisible;
+    private createPlayerButtonsAndAppendToButtonsContainer;
+    private createNavigationButtonsAndAppendToWidgetStoryContainer;
+    private applyIconStyle;
     onShareClick(): Promise<void>;
     updateCtaButtonLayout(): void;
     updateChip(): void;
     setTheme(storyPlayerStyle: StoryPlayerStyle): void;
     setButtonNavigationAsDisabled(buttonType: ButtonType): void;
     adjustAdView(): void;
+    setPlayerButtonPosition(state: 'AD' | 'NO_AD'): void;
     updatePlayerButtonIcons(): void;
     onCtaClick(event: Event): boolean;
     playToggle(): void;
@@ -2777,8 +2941,15 @@ export declare class BlazeWidgetStory extends HTMLElement {
     updateButtonState(buttonType: ButtonNavigation, button: BlazeButton | undefined): void;
     isNavigationButtonActive(navigationType: ButtonNavigation): boolean;
     updateNavButton(state: ButtonState, navButtonElement: BlazeButton): void;
-    updatePlayerButtonsCSS(): void;
+    updatePlayerButtonsStyleAttributes(): void;
+    setPlayerButtonPaddings(button: BlazeButton): void;
+    setPlayerButtonColors(button: BlazeButton, name: IconButtonType): void;
+    setPlayerButtonSize(buttonElement: HTMLElement, iconName: string): void;
+    updatePlayerButtonsOrder(): void;
+    updatePlayerContentOrder(): void;
+    updatePlayerLocaleDirection(): void;
     displayExitButtonOnMobileTablet(): void;
     render(): void;
+    onExpandClick(): void;
 }