@wscsports/blaze-web-sdk 0.7.1 → 0.9.0

package/package.json

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

package/publish/index.d.ts

@@ -618,6 +618,7 @@ export * from './image';
 export * from './loader';
 export * from './skeleton';
 export * from './typography';
+export * from './player-menu';
 
 export declare class BlazeLoader extends HTMLElement {
     constructor();
@@ -628,6 +629,48 @@ export declare class BlazeLoader extends HTMLElement {
     private updateLoaderColor;
 }
 
+export interface IPlayerMenuOptions {
+    title: string;
+    component: BaseWidget;
+    height?: string;
+    width?: string;
+}
+export declare const PLAYER_MENU_EVENTS: {
+    readonly OPEN: "player-menu-open";
+    readonly CLOSE: "player-menu-close";
+    readonly EXPAND: "player-menu-expand";
+    readonly COLLAPSE: "player-menu-collapse";
+};
+export declare class BlazePlayerMenu extends BaseWidget {
+    private menuOptions;
+    private menuComponent;
+    private header;
+    private expander;
+    private backdropContainer;
+    private titleElement;
+    private closeButton;
+    menuContainer: BlazeDiv;
+    private detachTouchEventListeners;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    setAttribute(qualifiedName: string, value: string): void;
+    private setupEventListeners;
+    private detachEventListeners;
+    init(options: IPlayerMenuOptions): void;
+    private buildHeader;
+    private buildBackdrop;
+    private buildModal;
+    open(): void;
+    close(): void;
+    expand(): void;
+    collapse(): void;
+    private onBackdropClick;
+    private onOpenChange;
+    private onExpandedChange;
+    private animateMenu;
+}
+
 export declare class BlazeWidgetItemSkeleton extends BaseWidget {
     width: number;
     thumbnailHeight: number | string;
@@ -670,7 +713,7 @@ export declare class BlazeButton extends BaseWidget {
     isAnimationOnDesktopInitialized: boolean;
     get refElement(): ShadowRoot | this;
     constructor();
-    static get observedAttributes(): ("height" | "order" | "width" | "icon-color" | "blaze-btn-visible" | "disabled" | "blaze-btn-hidden" | "button-desktop-animation")[];
+    static get observedAttributes(): ("height" | "order" | "width" | "icon-color" | "disabled" | "blaze-btn-visible" | "blaze-btn-hidden" | "button-desktop-animation")[];
     private onMouseEnter;
     private onMouseLeave;
     private onClick;
@@ -880,6 +923,14 @@ type ExposedFields = {
 };
 export declare const exposedFieldsByAction: ExposedFields;
 
+export declare const CcSupportedLanguages: CcLanguageType[];
+
+export declare const LOCAL_STORAGE_KEY_RECENT_LANGUAGES: string;
+export declare const LOCAL_STORAGE_KEY_LAST_SELECTED: string;
+export declare const CLOSED_CAPTIONS_LANGUAGE_CHANGE = "cc-language-change";
+
+export declare const WSC_STORAGE_PREFIX: string;
+
 export declare const TRANSPARENT = "transparent";
 
 export declare const TABLET_PADDING_BOTTOM = "15px";
@@ -898,6 +949,9 @@ export * from './iso-country-codes.constants';
 export * from './style.constants';
 export * from './time.constants';
 export * from './css.constants';
+export * from './cc-supported-languages.constants';
+export * from './closed-captions.constants';
+export * from './common.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"];
 
@@ -914,6 +968,8 @@ export declare const ONE_SECOND = 1000;
 export declare const ONE_AND_HALF_SECOND = 1500;
 export declare const FAIL_TO_LOAD_TIMEOUT_MS = 3000;
 
+export * from './common.styles';
+
 export declare const DB_NAMES: {
     readonly MOMENTS: "moments";
     readonly INTERACTIONS: "interactions";
@@ -1214,9 +1270,7 @@ export declare enum ButtonState {
     Play = 0,
     Pause = 1,
     Mute = 2,
-    Unmute = 3,
-    CC_ON = 4,
-    CC_OFF = 5
+    Unmute = 3
 }
 
 export declare enum ErrorCode {
@@ -1305,6 +1359,7 @@ export interface WidgetsTagNameMap {
     'blaze-widget-moment-modal': BlazeWidgetMomentModal;
     'blaze-widget-moment-seek-bar': BlazeWidgetMomentSeekBar;
     'blaze-widget-share-modal': BlazeWidgetShareModal;
+    'blaze-widget-cc-modal': BlazeWidgetClosedCaptionsModal;
     'blaze-widget-cta-modal': BlazeWidgetCtaModal;
     'blaze-widget-video': BlazeWidgetVideo;
     'blaze-widget-interaction': BlazeWidgetInteraction;
@@ -1321,6 +1376,7 @@ export interface WidgetsTagNameMap {
     'blaze-image': BlazeImage;
     'blaze-alert': BlazeAlert;
     'blaze-modal': BlazeDrawer;
+    'blaze-player-menu': BlazePlayerMenu;
     'blaze-div': BlazeDiv;
     'blaze-share-button': BlazeShareButton;
     'blaze-button': BlazeButton;
@@ -1345,6 +1401,7 @@ interface WidgetsTagNameOptionsMap {
     'blaze-widget-moment-modal': {};
     'blaze-widget-moment-seek-bar': {};
     'blaze-widget-share-modal': {};
+    'blaze-widget-cc-modal': {};
     'blaze-widget-cta-modal': {};
     'blaze-widget-image': {};
     'blaze-widget-video': {};
@@ -1364,6 +1421,7 @@ interface WidgetsTagNameOptionsMap {
     'blaze-image': {};
     'blaze-alert': {};
     'blaze-modal': {};
+    'blaze-player-menu': {};
     'blaze-div': {};
     'blaze-share-button': {};
     'blaze-button': {};
@@ -1414,6 +1472,7 @@ export declare const closedCaptionsOnIconSvg = "data:image/svg+xml;base64,PHN2Zy
 export declare const closedCaptionsOffIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzIxOF80NjQiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjE4XzQ2NCkiPgo8cGF0aCBkPSJNOS4wMjUwNSA5LjAwMDJMMTAuNTI1IDEwLjUwMDJINy41MDAwNVYxMy41MDAySDkuNTAwMDVWMTMuMDAwMkgxMVYxNC4wMDAyQzExIDE0LjI4MzUgMTAuOTA0MiAxNC41MjEgMTAuNzEyNSAxNC43MTI3QzEwLjUyMDkgMTQuOTA0NCAxMC4yODM0IDE1LjAwMDIgMTAgMTUuMDAwMkg3LjAwMDA1QzYuNzE2NzIgMTUuMDAwMiA2LjQ3OTIyIDE0LjkwNDQgNi4yODc1NSAxNC43MTI3QzYuMDk1ODggMTQuNTIxIDYuMDAwMDUgMTQuMjgzNSA2LjAwMDA1IDE0LjAwMDJWMTAuMDAwMkM2LjAwMDA1IDkuNzE2ODYgNi4wOTU4OCA5LjQ3OTM2IDYuMjg3NTUgOS4yODc3QzYuNDc5MjIgOS4wOTYwMyA2LjcxNjcyIDkuMDAwMiA3LjAwMDA1IDkuMDAwMkg5LjAyNTA1Wk02Ljg3NTA1IDQuMDAwMkgxOUMxOS41NSA0LjAwMDIgMjAuMDIwOSA0LjE5NjAzIDIwLjQxMjUgNC41ODc3QzIwLjgwNDIgNC45NzkzNiAyMSA1LjQ1MDIgMjEgNi4wMDAyVjE4LjEyNTJMMTkgMTYuMTI1MlY2LjAwMDJIOC44NzUwNUw2Ljg3NTA1IDQuMDAwMlpNMTggMTMuMDAwMlYxNC4wMDAyQzE4IDE0LjE1MDIgMTcuOTcwOSAxNC4yOTYgMTcuOTEyNSAxNC40Mzc3QzE3Ljg1NDIgMTQuNTc5NCAxNy43NjY3IDE0LjY5MTkgMTcuNjUgMTQuNzc1MkwxNi4zNzUgMTMuNTAwMkgxNi41VjEzLjAwMDJIMThaTTE2LjUgMTEuMDAwMlYxMC41MDAySDE0LjVWMTEuNjI1MkwxMyAxMC4xMjUyVjEwLjAwMDJDMTMgOS43MTY4NiAxMy4wOTU5IDkuNDc5MzYgMTMuMjg3NSA5LjI4NzdDMTMuNDc5MiA5LjA5NjAzIDEzLjcxNjcgOS4wMDAyIDE0IDkuMDAwMkgxN0MxNy4yODM0IDkuMDAwMiAxNy41MjA5IDkuMDk2MDMgMTcuNzEyNSA5LjI4NzdDMTcuOTA0MiA5LjQ3OTM2IDE4IDkuNzE2ODYgMTggMTAuMDAwMlYxMS4wMDAySDE2LjVaTTQuMjAwMDUgNC4xNzUyTDYuMDI1MDUgNi4wMDAySDUuMDAwMDVWMTguMDAwMkgxNS4xNzVMMC42NzUwNDkgMy41MDAyTDIuMTAwMDUgMi4wNzUyTDIxLjkgMjEuODc1MkwyMC40NzUgMjMuMzAwMkwxNy4xNzUgMjAuMDAwMkg1LjAwMDA1QzQuNDUwMDUgMjAuMDAwMiAzLjk3OTIyIDE5LjgwNDQgMy41ODc1NSAxOS40MTI3QzMuMTk1ODggMTkuMDIxIDMuMDAwMDUgMTguNTUwMiAzLjAwMDA1IDE4LjAwMDJWNi4wMDAyQzMuMDAwMDUgNS41ODM1MyAzLjExMjU1IDUuMjEyNyAzLjMzNzU1IDQuODg3N0MzLjU2MjU1IDQuNTYyNyAzLjg1MDA1IDQuMzI1MiA0LjIwMDA1IDQuMTc1MloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
 export declare const shareVideosIconSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNWY2MzY4Ij48cGF0aCBkPSJNNjgwLTgwcS01MCAwLTg1LTM1dC0zNS04NXEwLTYgMy0yOEwyODItMzkycS0xNiAxNS0zNyAyMy41dC00NSA4LjVxLTUwIDAtODUtMzV0LTM1LTg1cTAtNTAgMzUtODV0ODUtMzVxMjQgMCA0NSA4LjV0MzcgMjMuNWwyODEtMTY0cS0yLTctMi41LTEzLjVUNTYwLTc2MHEwLTUwIDM1LTg1dDg1LTM1cTUwIDAgODUgMzV0MzUgODVxMCA1MC0zNSA4NXQtODUgMzVxLTI0IDAtNDUtOC41VDU5OC02NzJMMzE3LTUwOHEyIDcgMi41IDEzLjV0LjUgMTQuNXEwIDgtLjUgMTQuNVQzMTctNDUybDI4MSAxNjRxMTYtMTUgMzctMjMuNXQ0NS04LjVxNTAgMCA4NSAzNXQzNSA4NXEwIDUwLTM1IDg1dC04NSAzNVptMC04MHExNyAwIDI4LjUtMTEuNVQ3MjAtMjAwcTAtMTctMTEuNS0yOC41VDY4MC0yNDBxLTE3IDAtMjguNSAxMS41VDY0MC0yMDBxMCAxNyAxMS41IDI4LjVUNjgwLTE2MFpNMjAwLTQ0MHExNyAwIDI4LjUtMTEuNVQyNDAtNDgwcTAtMTctMTEuNS0yOC41VDIwMC01MjBxLTE3IDAtMjguNSAxMS41VDE2MC00ODBxMCAxNyAxMS41IDI4LjVUMjAwLTQ0MFptNDgwLTI4MHExNyAwIDI4LjUtMTEuNVQ3MjAtNzYwcTAtMTctMTEuNS0yOC41VDY4MC04MDBxLTE3IDAtMjguNSAxMS41VDY0MC03NjBxMCAxNyAxMS41IDI4LjVUNjgwLTcyMFptMCA1MjBaTTIwMC00ODBabTQ4MC0yODBaIi8+PC9zdmc+";
 export declare const linkIconSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNWY2MzY4Ij48cGF0aCBkPSJNNDQwLTI4MEgyODBxLTgzIDAtMTQxLjUtNTguNVQ4MC00ODBxMC04MyA1OC41LTE0MS41VDI4MC02ODBoMTYwdjgwSDI4MHEtNTAgMC04NSAzNXQtMzUgODVxMCA1MCAzNSA4NXQ4NSAzNWgxNjB2ODBaTTMyMC00NDB2LTgwaDMyMHY4MEgzMjBabTIwMCAxNjB2LTgwaDE2MHE1MCAwIDg1LTM1dDM1LTg1cTAtNTAtMzUtODV0LTg1LTM1SDUyMHYtODBoMTYwcTgzIDAgMTQxLjUgNTguNVQ4ODAtNDgwcTAgODMtNTguNSAxNDEuNVQ2ODAtMjgwSDUyMFoiLz48L3N2Zz4=";
+export declare const checkMarkSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzUxMl8xMDY4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzUxMl8xMDY4KSI+CjxwYXRoIGQ9Ik05LjU1MDEgMThMMy44NTAxIDEyLjNMNS4yNzUxIDEwLjg3NUw5LjU1MDEgMTUuMTVMMTguNzI1MSA1Ljk3NDk4TDIwLjE1MDEgNy4zOTk5OEw5LjU1MDEgMThaIiBmaWxsPSIjRjBGMEYwIi8+CjwvZz4KPC9zdmc+Cg==";
 
 type CustomNativeTargeting = Record<string, string | string[]>;
 type CustomNativeArgs = {
@@ -2170,7 +2229,6 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
     private _isNavigating;
     private _isModalOpen;
     private _isSeekBarDragging;
-    private _isClosedCaptioningEnabled;
     private _playReference;
     private _currentPlayedContentId;
     private _playerLayoutDisplay;
@@ -2192,8 +2250,6 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
     set isModalOpen(value: boolean);
     get isSeekBarDragging(): boolean;
     set isSeekBarDragging(value: boolean);
-    get isClosedCaptionsEnabled(): boolean;
-    set isClosedCaptionsEnabled(value: boolean);
     get playerLayout(): PlayerLayoutDisplay;
     set playerLayout(value: PlayerLayoutDisplay);
 }
@@ -3044,6 +3100,13 @@ export type IconPropertiesType = {
     padding?: string;
 };
 
+export type CcLanguageCode = 'en' | 'es' | 'fr' | 'de' | 'nl' | 'ja' | 'null';
+export type CcLanguageName = 'English' | 'Spanish' | 'French' | 'German' | 'Dutch' | 'Japanese' | 'Default';
+export type CcLanguageType = {
+    code: CcLanguageCode;
+    name: CcLanguageName;
+};
+
 export type ChipStatusType = 'statusReadStyle' | 'statusUnreadStyle' | 'statusLiveUnreadStyle' | 'statusLiveStyle';
 
 export type ClientPlatform = 'Web';
@@ -3055,7 +3118,9 @@ export type ICaptionFile = {
 };
 export type IClosedCaption = {
     files: ICaptionFile[];
+    language: CcLanguageCode;
 };
+export type ClosedCaptionsState = CcLanguageCode | 'Off' | 'Unknown' | 'Unavailable';
 
 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';
@@ -3122,6 +3187,7 @@ export * from './ratio.type';
 export * from './animation.type';
 export * from './screen.type';
 export * from './action-handler.type';
+export * from './cc-language.type';
 
 export type EntitiesType = 'playerId' | 'teamId' | 'gameId' | 'roundId';
 export type PerItemStyleOverrides = Partial<Record<EntitiesType, Array<{
@@ -3213,6 +3279,8 @@ export type WidgetType = 'Row' | 'Grid';
 
 export declare function isImaAdInfo(ad: IAdInfo): ad is IImaAdInfo;
 
+export declare const convertCcLanguageToState: (data: IClosedCaption[] | undefined, language?: CcLanguageCode) => ClosedCaptionsState;
+
 interface ChipSizeOptions {
     statusLiveStyle: IndicatorStyle;
     statusLiveUnreadStyle: IndicatorStyle;
@@ -3265,6 +3333,7 @@ export declare function removeDuplicates(source: string[], checkAgainst: string[
 export declare function updateStyle(styleToUpdate: any, path: string[], newValue: any): void;
 export declare function getNestedValue(obj: any, path: string[]): any;
 export declare function formatLikes(count: number): string;
+export declare function isElementInsideTarget(target: EventTarget | null, selectors: string[]): boolean;
 
 export * from './chip.utils';
 export * from './common.utils';
@@ -3276,6 +3345,8 @@ export * from './regex.utils';
 export * from './stopwatch';
 export * from './position.utils';
 export * from './ad-info.utils';
+export * from './cc-language.utils';
+export * from './shared-event-target.utils';
 
 export declare function getPersonalizedParamsForRequest(personalized?: BlazePersonalized): {
     PersonalPlayers?: undefined;
@@ -3308,6 +3379,8 @@ export declare const RegexStoryHash: RegExp;
 export declare const RegexMomentHash: RegExp;
 export declare const RegexVideoHash: RegExp;
 
+export declare const SharedEventTarget: EventTarget;
+
 export declare class Stopwatch {
     isRunning: boolean;
     extraTime: number;
@@ -3398,8 +3471,7 @@ export declare const VIDEO_EVENTS: {
     readonly CTA_DISMISS: "cta-dismiss";
     readonly RESET_INACTIVITY_TIMER: "reset-inactivity-timer";
     readonly CLOSE_PLAYER: "close-player";
-    readonly CLOSED_CAPTIONS_ON: "closed-captions";
-    readonly CLOSED_CAPTIONS_OFF: "closed-captions-off";
+    readonly CLOSED_CAPTIONS_OPEN_MODAL: "closed-captions-open-modal";
     readonly DISPLAY_HIDE_OVERLAY_FROM_CTA: "display-hide-overlay-from-cta";
     readonly DISPLAY_SEEKED_TIME: "display-seeked-time";
     readonly UPDATE_CLOSED_CAPTIONS_LOCATION: "update-closed-captions-location";
@@ -3562,7 +3634,6 @@ export declare class BlazeLongFormControlsOverlay extends HTMLElement {
     private ctaTimeout;
     private ctaVisiblity;
     private currentMuteState;
-    private currentClosedCaptionState;
     videoSeekBar: BlazeVideoSeekBar;
     videoTimer: BlazeTimer;
     videoNavigationOverlay: BlazeVideoNavigationOverlay;
@@ -3774,6 +3845,7 @@ export declare class BlazeVideoElement extends BlazeWidgetVideoBase {
     private posterOverlayElement;
     videoOverlay: BlazeLongFormControlsOverlay;
     shareModal: BlazeWidgetShareModal;
+    closedCaptionsModal: BlazeWidgetClosedCaptionsModal | undefined;
     private widgetVastAd;
     private adPercentageShownPlaces;
     private lastSavedTime;
@@ -3787,6 +3859,7 @@ export declare class BlazeVideoElement extends BlazeWidgetVideoBase {
     isActionBlocked: boolean;
     private isInitializing;
     private isLoaded;
+    private isPausedManually;
     private lastMarkedVideoIdAsViewed;
     private videoSessionId;
     private aspectRatio;
@@ -3811,6 +3884,7 @@ export declare class BlazeVideoElement extends BlazeWidgetVideoBase {
     private boundHandleOverlayEvents;
     private boundHandleAdStarted;
     private boundHandleAdEnded;
+    private boundHandleLanguageChange;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -3822,7 +3896,7 @@ export declare class BlazeVideoElement extends BlazeWidgetVideoBase {
     setIsPlaying(isPlaying: boolean): void;
     load(): Promise<void>;
     private setupClosedCaptions;
-    private setClosedCaptions;
+    setClosedCaptions(files: ICaptionFile[]): Promise<void>;
     private setCta;
     private setTitle;
     private setLiked;
@@ -3834,6 +3908,8 @@ export declare class BlazeVideoElement extends BlazeWidgetVideoBase {
     private setupVideoElement;
     private setupOverlay;
     private setupShareModal;
+    configureClosedCaptionsModal(): void;
+    toggleClosedCaptions(language?: CcLanguageCode): void;
     private setupEventListeners;
     destroy(): void;
     private startOverlayAutoHideTimer;
@@ -3864,6 +3940,7 @@ export declare class BlazeVideoElement extends BlazeWidgetVideoBase {
     updateWidgetStatusReadUnread(): void;
     private handleVideoTimeUpdate;
     private saveCurrentTime;
+    private handleLanguageChange;
     private handleAdStarted;
     private handleAdEnded;
     static get observedAttributes(): string[];
@@ -3994,6 +4071,7 @@ export * from './moment/widget-moment-seek-bar';
 export * from './widget-cta-modal';
 export * from './widget-captions';
 export * from '../video/core/video';
+export * from './widget-cc-modal';
 
 type Position = {
     top?: string;
@@ -4029,6 +4107,43 @@ export declare class BlazeWidgetCaptions extends HTMLElement {
     setAbsolutePosition(position: Position): void;
 }
 
+export declare class BlazeWidgetClosedCaptionsModal extends BaseWidget {
+    private data;
+    private contentType;
+    private closedCaptionsContainer;
+    private closedCaptionsMenu;
+    private shadow;
+    onOpen: (() => void) | undefined;
+    onClose: (() => void) | undefined;
+    onExpand: (() => void) | undefined;
+    onCollapse: (() => void) | undefined;
+    onClosedCaptionsEnable: ((language: CcLanguageCode) => void) | undefined;
+    onClosedCaptionsDisable: (() => void) | undefined;
+    boundLanguageChangeEvent: (event: Event) => void;
+    boundOnMenuOpen: () => void;
+    boundOnMenuClose: () => void;
+    boundOnMenuExpand: () => void;
+    boundOnMenuCollapse: () => void;
+    constructor(data: IClosedCaption[] | undefined, contentType: ContentType);
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    private setupEventListeners;
+    private detachEventListeners;
+    private onLanguageChange;
+    private onMenuOpen;
+    private onMenuClose;
+    private onMenuExpand;
+    private onMenuCollapse;
+    open(): void;
+    close(): void;
+    get isOpen(): boolean;
+    reloadData(data: IClosedCaption[]): void;
+    private handleCcOptionClick;
+    private buildCcOption;
+    private fillContainerWithOptions;
+    private render;
+}
+
 export declare abstract class BlazeWidgetContent extends HTMLElement {
     container: HTMLElement;
     pageIndex: number;
@@ -4041,10 +4156,12 @@ export declare abstract class BlazeWidgetContent extends HTMLElement {
     isActive: boolean;
     isResumeOnFocusExecuted: boolean;
     isNavigationPending: boolean;
+    isPausedManually: boolean;
     resumeAfterfocus: boolean;
     boundOnFocusEvent: () => void;
     boundOnBlurEvent: () => void;
     boundOnVisibilityChangeEvent: () => void;
+    boundOnLanguageChangeEvent: (event: Event) => void;
     widgetParentItem: BlazeWidgetItem;
     sessionId: string;
     refContentModal?: BlazeWidgetStoryModal | BlazeWidgetMomentModal | BlazeWidgetVideoModal;
@@ -4589,6 +4706,7 @@ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
     shouldShowImaAd: boolean;
     isCurrentlyTryingToRunImaAd: boolean;
     hasPoster: boolean;
+    boundLanguageChangeEvent: (event: Event) => void;
     static get observedAttributes(): string[];
     constructor(contentParent: BlazeWidgetStory | BlazeWidgetMoment);
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
@@ -4641,6 +4759,7 @@ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
     onContentResumeRequested(): void;
     removeAdLoader(): void;
     loadInteraction(): void;
+    onLanguageChange(event: Event): Promise<void>;
     handleInteractionEvent(event: CustomEvent<InteractionAnalyticCustomEvent>): void;
 }
 
@@ -4879,6 +4998,7 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     modal: BlazeWidgetMomentModal;
     seekBar: BlazeWidgetMomentSeekBar;
     shareModal: BlazeWidgetShareModal | undefined;
+    closedCaptionsModal: BlazeWidgetClosedCaptionsModal | undefined;
     data: IMoment;
     contentType: string;
     momentIndex: number;
@@ -4948,6 +5068,7 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     appendShadowElements(): void;
     createButtonElement(options: ButtonElementOptions, button: BlazeButton): void;
     configureShareModal(): void;
+    configureClosedCaptionsModal(): void;
     configureButtons(): Promise<void>;
     appendButtonsContainer(): void;
     handleMobileSpecificFeatures(): void;
@@ -4957,6 +5078,7 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     createPlayPauseButton(): void;
     handlePlayPauseButtonClick(): void;
     setModal(modal: BlazeWidgetMomentModal): void;
+    onLanguageChange(e: Event): void;
     onVisibilityChange(): void;
     onBlur(): void;
     onFocus(): void;
@@ -4966,13 +5088,12 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     onMuteUnmuteChange(): void;
     updatePlayerButtonIcons(): void;
     private handleOnClosedCaptionClick;
-    private toggleCaptionsVisibility;
+    toggleClosedCaptions(language?: CcLanguageCode): void;
     handleOnShareClick(): Promise<void>;
     loadMoments(): Promise<void>;
     load(loadingType?: 'direct' | 'cache'): Promise<void>;
     unload(): Promise<void>;
     playToggle(): void;
-    private updateCaptions;
     handleOnMuteUnmuteToggle(): void;
     setData(data: IMoment | null): void;
     updateData(options: {
@@ -5063,9 +5184,11 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     playerStyle: StoryPlayerStyle;
     mode: ScreenMode;
     actionHandlers: ActionHandler[];
+    aspectRatio?: ContentAspectRatio | undefined;
     pages: BlazeWidgetVideoBase[];
     data: IStory;
     shareModal: BlazeWidgetShareModal | undefined;
+    closedCaptionsModal: BlazeWidgetClosedCaptionsModal | undefined;
     isStoryLoadCompletedTriggered: boolean;
     isStoryActive: boolean;
     isResumeOnFocusExecuted: boolean;
@@ -5073,7 +5196,6 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     ctaModal: BlazeWidgetCtaModal;
     isCtaWasClickedOrSwiped: boolean;
     resumeAfterBlurButton: BlazeButton | undefined;
-    aspectRatio?: ContentAspectRatio;
     pageIndex: number;
     contentType: string;
     progressElement: HTMLElement;
@@ -5122,13 +5244,14 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     boundOnNextPageEvent: () => void;
     boundOnPrevPageEvent: () => void;
     get currentPageIndexWithoutCustomAds(): number;
-    constructor(playerStyle: StoryPlayerStyle, mode: ScreenMode, actionHandlers?: ActionHandler[]);
+    constructor(playerStyle: StoryPlayerStyle, mode: ScreenMode, actionHandlers?: ActionHandler[], aspectRatio?: ContentAspectRatio | undefined);
     isButtonVisible(iconName: IconButtonType | StoryDirectionType): boolean | undefined;
     private createPlayerButtonsAndAppendToButtonsContainer;
     private createNavigationButtonsAndAppendToWidgetStoryContainer;
     private createResumeAfterBlurButton;
     private applyIconStyle;
     onCustomActionButtonClick(e: Event, handlerOptions: CustomActionButtonOptions): void;
+    onLanguageChange(e: Event): void;
     onShareClick(): Promise<void>;
     private onClosedCaptionClick;
     private updateCtaButtonLayout;
@@ -5175,6 +5298,8 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     private addOrRemoveEventListeners;
     connectedCallback(): void;
     onShareModalClose(): void;
+    configureClosedCaptionsModal(): void;
+    toggleClosedCaptions(language?: CcLanguageCode): void;
     updateStoryProgress(): void;
     onShareModalButtonClick(shareButton: BlazeShareButton): Promise<void>;
     onVisibilityChange(): void;
@@ -5210,6 +5335,9 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     setPlayerButtonPaddings(button: BlazeButton): void;
     setPlayerButtonColors(button: BlazeButton, name: IconButtonType): void;
     setPlayerButtonSize(buttonElement: HTMLElement, iconName: string): void;
+    getEmbeddedCtaButtonHeight(): string;
+    getEmbeddedBottomContainerPaddingBottom(): string;
+    getContainerBorderRadius(): string;
     updatePlayerButtonsOrder(): void;
     updatePlayerContentOrder(): void;
     displayExitButtonOnMobileTablet(): void;