npm - @wscsports/blaze-web-sdk - Versions diffs - 0.2.1 → 0.2.3 - Mend

@wscsports/blaze-web-sdk 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/publish/index.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ export declare function LabelBuilder(): IWidgetLabelBuilder;
 export declare function pauseCurrentPlayer(): void;
 export declare function resumeCurrentPlayer(): void;
 export declare function setGoogleCustomNativeAdsHandler(handler: CustomNativeAdHandler): void;
+export declare function setImaHandler(handler: ImaAdHandler): void;
 declare const _default: {
     Initialize: typeof Initialize;
     WidgetGridView: typeof WidgetGridView;
@@ -24,6 +25,7 @@ declare const _default: {
     LabelBuilder: typeof LabelBuilder;
     Delegations: typeof Delegation;
     setGoogleCustomNativeAdsHandler: typeof setGoogleCustomNativeAdsHandler;
+    setImaHandler: typeof setImaHandler;
     pauseCurrentPlayer: typeof pauseCurrentPlayer;
     resumeCurrentPlayer: typeof resumeCurrentPlayer;
     setExternalUserId: typeof setExternalUserId;
@@ -52,13 +54,6 @@ export declare class API {
 export * from './api';
-export declare abstract class BaseDrawableElement extends BaseWidget implements IDrawable {
-    protected abstract connectedCallback(): void;
-    protected abstract disconnectedCallback(): void;
-    protected abstract attributeChangedCallback(name: string, oldValue?: string, newValue?: string): void;
-    abstract render(): void;
-}
 export declare abstract class BaseWidget extends HTMLElement {
     protected _animationDuration: number;
     constructor();
@@ -114,7 +109,6 @@ export declare class EventsListener {
     removeAll(): void;
 }
-export * from './base-drawable-element.class';
 export * from './base-element.class';
 export * from './debounce';
 export * from './device-detector.class';
@@ -124,6 +118,21 @@ export * from './singleton.class';
 export * from './throttle';
 export * from './url';
 export * from './device-detector.class';
+export * from './label-builder.class';
+export declare class BlazeWidgetLabel {
+    value: string;
+    constructor(value: string);
+    static singleLabel(label: string): BlazeWidgetLabel;
+    static mustInclude(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
+    static atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
+    mustInclude(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
+    atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
+    toString(): string;
+    private static createLabel;
+    private static validateAndProceed;
+    private static isValidLabelFormat;
+}
 export interface ILongPressHandlerOptions {
     onStart: () => void;
@@ -155,7 +164,7 @@ export declare class URLManager {
     static isBackWasCalled: boolean;
     static resetLocationAfterStoryClose(): void;
     static resetLocation(): void;
-    static updateLocationStoryHash(story?: IStory): void;
+    static updateLocationContentHash(content?: IStory | IMoment): void;
     static getHashMatch(): RegExpMatchArray | null;
     static getHash(): string;
     static updateStoryInHash(story: IStory): void;
@@ -278,7 +287,7 @@ export declare class BlazeTypography extends BaseWidget {
     get fontSize(): ".8rem" | "1rem" | ".5rem";
 }
-type AttributeType = 'disabled' | 'hidden' | 'height' | 'width' | 'icon-color' | 'order';
+type AttributeType = 'disabled' | 'blaze-btn-hidden' | 'blaze-btn-visible' | 'height' | 'width' | 'icon-color' | 'order';
 export declare class BlazeButton extends BaseWidget {
     buttonElement: HTMLButtonElement;
     get refElement(): ShadowRoot | this;
@@ -291,6 +300,7 @@ export declare class BlazeButton extends BaseWidget {
     get width(): string | number | boolean;
     setIconUrl(value: string): void;
     private setIsHidden;
+    private setIsVisible;
     private setIsDisabled;
     private setHeight;
     private setWidth;
@@ -454,6 +464,13 @@ export interface IContent {
     createTime: string;
     thumbnails: IThumbnail[];
     hasViewed: boolean;
+    type?: string;
+    isAd: boolean;
+    entities?: {
+        gameId: string | null;
+        teamId: string | null;
+        playerId: string | null;
+    };
 }
 export interface ICTA {
@@ -522,6 +539,7 @@ export interface ILayer {
 }
 export interface IMoment extends IContent {
+    type: string;
     duration: string;
     thumbnails: IThumbnail[];
     likes: number;
@@ -530,6 +548,7 @@ export interface IMoment extends IContent {
         rendition: IRendition;
         type: string;
     };
+    cta: ICTA;
 }
 export interface IContentPage {
@@ -547,6 +566,7 @@ export interface IContentPage {
     shouldShowImaAd?: boolean;
     imaUrl?: string;
     interaction?: Interaction;
+    poster?: IThumbnail;
 }
 export interface IAdPage {
     id: string;
@@ -567,17 +587,11 @@ export interface IStory extends IContent {
     description: string;
     isLive: boolean;
     pages: IPage[];
-    isAd: boolean;
     adInfo?: IAdInfo;
-    entities?: {
-        gameId: string | null;
-        teamId: string | null;
-        playerId: string | null;
-    };
 }
 export interface IThumbnail {
-    type: 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail';
+    type: 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail' | 'PosterPortrait';
     rendition: IRendition;
 }
@@ -641,18 +655,15 @@ export interface WidgetsTagNameMap {
     'blaze-widget-item': BlazeWidgetItem;
     'blaze-widget-layout': BlazeWidgetLayout;
     'blaze-widget-story': BlazeWidgetStory;
-    'blaze-widget-story-preview': BlazeWidgetStoryPreview;
     'blaze-widget-story-player': BlazeWidgetStoryPlayer;
     'blaze-widget-story-modal': BlazeWidgetStoryModal;
     'blaze-widget-moment': BlazeWidgetMoment;
-    'blaze-widget-moment-preview': BlazeWidgetMomentPreview;
     'blaze-widget-moment-player': BlazeWidgetMomentPlayer;
     'blaze-widget-moment-modal': BlazeWidgetMomentModal;
+    'blaze-widget-moment-seek-bar': BlazeWidgetMomentSeekBar;
     'blaze-widget-share-modal': BlazeWidgetShareModal;
     'blaze-widget-cta-modal': BlazeWidgetCtaModal;
-    'blaze-widget-image': BlazeWidgetStoryImage;
-    'blaze-widget-video': BlazeWidgetStoryVideo;
-    'blaze-widget-moment-video': BlazeWidgetMomentVideo;
+    'blaze-widget-video': BlazeWidgetVideo;
     'blaze-widget-interaction': BlazeWidgetInteraction;
     'blaze-loader': BlazeLoader;
     'blaze-chip': BlazeChip;
@@ -674,13 +685,12 @@ interface WidgetsTagNameOptionsMap {
     'blaze-widget-item': {};
     'blaze-widget-layout': {};
     'blaze-widget-story': {};
-    'blaze-widget-story-preview': {};
     'blaze-widget-story-player': {};
     'blaze-widget-story-modal': {};
     'blaze-widget-moment': {};
-    'blaze-widget-moment-preview': {};
     'blaze-widget-moment-player': {};
     'blaze-widget-moment-modal': {};
+    'blaze-widget-moment-seek-bar': {};
     'blaze-widget-share-modal': {};
     'blaze-widget-cta-modal': {};
     'blaze-widget-image': {};
@@ -713,43 +723,29 @@ export declare function isWidgetTheme(theme: any): theme is IWidgetTheme;
 export * from './svgs';
-export declare const playSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"M17.74 30.34V18.53a1.8 1.8 0 0 1 2.77-1.52l9.23 5.92a1.8 1.8 0 0 1 0 3.03l-9.23 5.9a1.8 1.8 0 0 1-2.77-1.52z\"/></svg>";
-export declare const pauseSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"2.1\" d=\"M20.33 16.86v15.4m7.34-15.4v15.4\"/></svg>";
-export declare const unmuteSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path fill=\"%23fff\" fill-rule=\"evenodd\" d=\"M27.53 16.97a.95.95 0 0 1 1.1-.76c.75.13 2.28.7 3.63 1.9a7.71 7.71 0 0 1 2.62 5.95c0 1.86-.55 3.32-1.33 4.45l-1.38-1.37c.48-.8.8-1.81.8-3.08 0-2.16-.92-3.59-1.97-4.53a6.43 6.43 0 0 0-2.7-1.45.95.95 0 0 1-.77-1.1z\" clip-rule=\"evenodd\"/><path fill=\"%23fff\" fill-rule=\"evenodd\" d=\"M27.54 21.03a.95.95 0 0 1 1.14-.72c.7.16 2.5 1.19 2.5 3.71 0 .7-.15 1.28-.36 1.76l-1.56-1.52c.05-.6-.07-1.25-.48-1.71-.23-.26-.47-.36-.51-.38 0 0-.01 0 0 0a.95.95 0 0 1-.73-1.14z\" clip-rule=\"evenodd\"/><path fill=\"%23fff\" d=\"M23.4 16.79v1.56l1.9 1.9v-4.27c0-.3-.12-.6-.29-.84a1.59 1.59 0 0 0-.7-.57c-.29-.11-.61-.16-.9-.1-.3.06-.61.21-.82.42l-1.31 1.34 1.33 1.34.8-.78z\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"m20.12 18.73-1.76 1.81h-2.59c-.94 0-1.7.76-1.7 1.7v3.45c0 .93.75 1.68 1.67 1.7l2.6.04 4.9 4.9a.65.65 0 0 0 1.1-.46v-9.1\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17.13 15.36 17.2 17.19\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"M28.47 30.84A7.2 7.2 0 0 0 31 29.67\"/></svg>";
-export declare const muteSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"M28.47 17.14c1.15.2 5.46 1.98 5.46 6.92 0 4.95-4.39 6.63-5.46 6.83\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.8\" d=\"M28.47 21.24c.37.08 1.75.79 1.75 2.78 0 1.99-1.4 2.67-1.75 2.74\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"m18.36 27.48 4.88 4.9a.65.65 0 0 0 1.1-.46V16.09c0-.58-.7-.87-1.1-.45l-4.88 4.94h-2.59c-.94 0-1.7.77-1.7 1.7v3.45c0 .93.75 1.69 1.67 1.7l2.62.05z\"/></svg>";
-export declare const shareSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path fill=\"%23fff\" d=\"m21.1 25.4 9.87-9.86 1.42 1.42-9.86 9.87z\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"m16.85 19.82 15.33-4.14c.04 0 .07.03.06.06l-4.02 15.34a1.6 1.6 0 0 1-2.97.33l-2.93-5.73-5.77-2.88a1.6 1.6 0 0 1 .3-2.98z\"/></svg>";
-export declare const nextSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" d=\"m21.52 16.22 7.75 7.75m-7.75 7.78L29.27 24\"/></svg>";
-export declare const nextPageSvg = "data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20style%3D%22mask-type%3Aalpha%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.92%22%20d%3D%22M9.4%2018L8%2016.6l4.6-4.6L8%207.4%209.4%206l6%206-6%206z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-export declare const prevPageSvg = "data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20style%3D%22mask-type%3Aalpha%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.92%22%20d%3D%22M14%2018l-6-6%206-6%201.4%201.4-4.6%204.6%204.6%204.6L14%2018z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-export declare const prevSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" d=\"m21.52 16.22 7.75 7.75m-7.75 7.78L29.27 24\"/></svg>";
-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;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>";
-export declare const likeSvg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVSSURBVHgBzVltTFtVGH5PvzbaLq6fTOjccmlaCKwRN/zAGCVb2NABJsuSQZaYuO3P4o/FxUEYaAS3jKiBBEUNmM0Zrcbwh83InIqb8wcOJpYSoKHFBCEW2kImbek67vGcknbQ9ePe0sCeX/fe8957nr7nvM9537cIUkRO3p4CxAKzhKAAIWAQIBlGIKNjCIMXA+vEGM0ggAkyPmQf6bdCCkB8jDMzTTK5UlJOXqsMk+E8EQYnBrCiewGz3W6Z4fweFyNKbIty8xEW4UpIBzD8zJVoUoL6/KJyzEI1X48lnZh4FNgls33szi+J7ISJBvV5Tx9jAarJz5BAuoFADgLBs1vVOum8a+rP+GYxENprCkkdFqBdsB7A4PB6AmedTos3ekgQy16m3HRu3chREBWQKzbXxRp6aInpspL99hysNxBkxlruVQQZQ9FeLITXYINA9DJ3qyp7Yd41bQs/iyxxTk6xFoSoCjYYhGQ1jYHwvSh8gSXBKuJmLZeP7N9XojpQWrJti1wu/m9hIdjzY++/137qdfO1ic0QZFKiuUSEPl++hWXv4U3BTuCAzvYPnyx58YXtPp//vs/vvyfNyJBIpRmi3hu3Jmvqm0LH2cctFwqL9hRui7a5crXHcarm7WEu83jdgSoa1SEPhrzHAa3NjfmU3JXvexxNF1psbs9ckD5vaqgxVh85ZPiioy2D3uflGtSfdFwavnjZPBltQ6+5kJQpJBXEi+ZQkCg0uhOQ5KQw6JmMxndqd3/9bddYTf17o37/Ihse6735uzvg9/tfrXiZ0ahVUkrug9Z2R7QNs3OHuPzgfsZmG3ePO/72Q0IgZs413SWkWQkhVwFJ0FB72mg05CjO1DX+5Z5b9spKDAxa7mpUSjQ0POI619w6Husb/QOD8ydeP6pfYpeC1673ziackJxeSnXWkAhj2MUlZZDLpWKX2+Oz2R2+eDYNTc1jib7h8niC9Bs0cIADWJLOCWguB+sIGjCcjYVQQHQQabjYjtrsd9UqpfQAkQ9IEXQf02juuz2YXG4glPEwAiLVmVyML5GIpLJx5vQb+SqlQgQ8Qd/5tO39otlZt//GzVucCBKKMgHZg5zyPLp/PmrvsO54Yvtj333VWcyXJNVG+m5L22fWRPt4NT+QCRWabM7HG41UKievlJXuLN33kvbqD9enVkpJPFBxf774mWwqPx0Xv5wEHhAqtdlUYjhvXL4kwycP1c948hMXpPgSKtS6MuCZznMl+W79W8bKg2UMJdfQ2GwDvkDwj1CpeZzoINIBTyQjSckdrTpsSJkcUAfiMaFKm6XAgJ6CFBCPZDrIUZC6+zeyxFli4sG9kCKiSRaaCuSHD1XqaUJBz2xYCzD+RkgO5Bm+gZKIpNGgV/xKUq+Tp2qHYA0gJ5zTMdLfuZzNaLMIubUVSWGSQYJjJ98chLUCQx9xXl8oTTCZTLKF+5vM8AgBiQLH7RbLTKgmsVgsXgFG3fCogLRGKDl6GSmapOJFM1l3L2ww6N5D4kBkNSNlp9PpDKo0WcFUJSddQLDUabcORlp1q+piz+z0mEqto30+I2wASD+xm0Ru18pnD3UWPK6pO0qNroBcckrD0gjHxMjt89EPY/dmRIvnSXg7YP1g9YoCZ2MNJKxGSJ/mOGlaJi2o1gK6rBMjf8StyRP2B+lyk3xxhpaA5Da9DUxE+9j4MlnWhPrLqQWcYyKdh2CoNZLymb0S1Gs+ImtOiyWprPFqoj8gSo9FzKmPE5ko5DHU7RUudnMhlhLBlWBydxOSiPwFIWBI+aWljadwfRMiwyLv8l8Q7BDL4gnH6EBKycP/05ePdBFq824AAAAASUVORK5CYII=";
-export declare const newShareSvg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAW4SURBVHgBxVl7TFNnFD9fW1FafEB5bVKdF6wwKsYBbhozxnROp+B0bBEmmqDRPTSLWWYWWVyyTZds/+4PtxG3YVw14nR1mxqDG+hU3goo0qXFDR8U2s452lI6+u07F4u1Fri9XOCX0Ps45/b+OOf7zqsERCIxJUNHvMD1EdARAhwBoqIEVCgjFBwUvBZKSScBaGPyJlNLbTOIAAlFOS4uTRURFZbDHlvtIyP4RRQsFKCZ9Lr1JlNjp+DnhCghsclRk9Z5CV0NUoBCuVCiwxJMSs3MoV4oCNViw76YWRS8fXpTa/3ZofTkQwmTUhZs8gIUsH8jDKQGgQiQyZ6ZFp2gvGu91TC4WhDway0ybBeVkbkwFqBgdtjdxRZLoyNQJAumr4qauGfMyCFYFIiInLQrmOgRF6Nb2XpbCGMNAnHB3P0QQU6buYTKYSOME1i8TJ6mnt5913rb6Ls34OLExEWxICf5MM5gJAtwD/iuBwjSME8+2/uxMEpQR0Uq3tvx9qwtRYUJQyqycKZkMdd3qcAPtB4lniUwCqSWZmdFFxbkzUpJ1kb7y77af+DmYM8RlhCYFQ/hruYJ8taTEC8uzVYvX5Yd/8LzWZrw8PAJgXKWo4dNEKrIsFwWyvWK+5znYjAaCWYncsrC/LyEtS+v5HyknE7Xfzf+bL/3xEzNFH/disrztmG/kJBc9qlXYFVCRa49dGHRxgJN1uKF8f4uvHbdaKs4d7HDcOJkx74vPs/wkVUqwxUtrX9YjSazc9gvZ2sRuSkohbmh1TT9Ltz+5iYts8xUf2sdN/xiPvB9WbvRZHIi+SMHSxbNnKGZilbs6rI6MzPmx/944vRNoe/xsnJOgbWcUOd+9MFObaALDT+fMp8+81vHqTNnB9wWSK54957LB7/b96zT5fJ8/U1pOwiFHHRsDZIYIbpbNxUmvJ6fNwfP0YUHD5WZzpRX2G32vz3+eoHkXlu/+ULemlVxKKuqruuAEMAqHk7GImGcEOXJk6fwFY3VanNWVv5+p76h8Z4QcqizasWyGSgvO/aTcOv1U1TJI2OmC0ptRqOpe9681IjZSVxkRvr82PX5eVyaLkXpdvd6TOYbrsHIaZO48B3b39B1ddlc7+/+5CqEAlbmKYTqWu12T/6GrTVaFk52vrtNq0tNic7OWqzBP7Sqw+n0BJLD597aUsTh8WJ1zR0QAZKYmqlnO1lUtby1aINm1cplmieTtWq8RiutXFtQ4e/6qsqTS6LVauWK3HXlgsKLP1jzJaNe4gCR+HJ/aXvOK+sv7Prw0xq8drmcvf7kMBwhOcGxLxAELDIC3jYYIQ6XHeu41tJqm8FcvJyR8t1/dW2OBo+hxD5/UKCdMuxZQQJUnL/Eh5BtLID77j2dmf4YLxOS2oKA9d1tMrb+zCABvi3Vt2PgxpSHOxrjJqa26tr6DlHu5UGbZdjxMyuKXoc+4C4v//XcX3j+zrYt3HNZi3nrHTecCjH29YNxspiv1zXxBSvztQEkgP7ID/xaW5P7ErcgfX487urDR4+HlD18YL04PyrhCUbIeyUhWFVT/w9uFuX9XH1JZOxDkAluPR75pslisXjU0Qk4/JkDI0Rd3RXbv90OV239la7dH39mBDFgoxHz1QZ+4jBQaKWlpakcfRNLxAZtqYBrD+TuYlNj/9xmoO3krRjzuIcCeQrGEQT6SkzNlwdGdQ/1xfau261SuVoMWK9iMLfUHvW/98hkwW69VR8Vk6Bjp4LKMAlhbmup2Rt4M/hsRtGzly1OSQK4QDQ7FO7iYIIhuxE2p9nMhpa5MIpAt7a1VJcMJh9yPojuZgUt200EazppB5gE59i0lLlVP6QeCEBiGps8eHA0ApJMH9Bqzgk9ektj47ApNqSG8wFRvtEPqZfutxgxOOQ9BiHERBH0B5eczkgS9hOEjOOHTgRifUGeJ8MK4f6fILxNXi9tw8QPIvA/106DnSOL69cAAAAASUVORK5CYII=";
+export declare const likeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyOCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjAwMDMgMjVMMTIuMDY3IDIzLjI2NjdDOS44MjI1NSAyMS4yNDQ1IDcuOTY2OTkgMTkuNSA2LjUwMDMzIDE4LjAzMzRDNS4wMzM2NiAxNi41NjY3IDMuODY2OTkgMTUuMjUgMy4wMDAzMyAxNC4wODM0QzIuMTMzNjYgMTIuOTE2NyAxLjUyODEgMTEuODQ0NSAxLjE4MzY2IDEwLjg2NjdDMC44MzkyMTQgOS44ODg5MSAwLjY2Njk5MiA4Ljg4ODkxIDAuNjY2OTkyIDcuODY2NjlDMC42NjY5OTIgNS43Nzc4IDEuMzY2OTkgNC4wMzMzNiAyLjc2Njk5IDIuNjMzMzZDNC4xNjY5OSAxLjIzMzM2IDUuOTExNDQgMC41MzMzNTYgOC4wMDAzMyAwLjUzMzM1NkM5LjE1NTg4IDAuNTMzMzU2IDEwLjI1NTkgMC43Nzc4IDExLjMwMDMgMS4yNjY2OUMxMi4zNDQ4IDEuNzU1NTggMTMuMjQ0OCAyLjQ0NDQ3IDE0LjAwMDMgMy4zMzMzNkMxNC43NTU5IDIuNDQ0NDcgMTUuNjU1OSAxLjc1NTU4IDE2LjcwMDMgMS4yNjY2OUMxNy43NDQ4IDAuNzc3OCAxOC44NDQ4IDAuNTMzMzU2IDIwLjAwMDMgMC41MzMzNTZDMjIuMDg5MiAwLjUzMzM1NiAyMy44MzM3IDEuMjMzMzYgMjUuMjMzNyAyLjYzMzM2QzI2LjYzMzcgNC4wMzMzNiAyNy4zMzM3IDUuNzc3OCAyNy4zMzM3IDcuODY2NjlDMjcuMzMzNyA4Ljg4ODkxIDI3LjE2MTQgOS44ODg5MSAyNi44MTcgMTAuODY2N0MyNi40NzI1IDExLjg0NDUgMjUuODY3IDEyLjkxNjcgMjUuMDAwMyAxNC4wODM0QzI0LjEzMzcgMTUuMjUgMjIuOTY3IDE2LjU2NjcgMjEuNTAwMyAxOC4wMzM0QzIwLjAzMzcgMTkuNSAxOC4xNzgxIDIxLjI0NDUgMTUuOTMzNyAyMy4yNjY3TDE0LjAwMDMgMjVaTTE0LjAwMDMgMjEuNEMxNi4xMzM3IDE5LjQ4ODkgMTcuODg5MiAxNy44NSAxOS4yNjcgMTYuNDgzNEMyMC42NDQ4IDE1LjExNjcgMjEuNzMzNyAxMy45Mjc4IDIyLjUzMzcgMTIuOTE2N0MyMy4zMzM3IDExLjkwNTYgMjMuODg5MiAxMS4wMDU2IDI0LjIwMDMgMTAuMjE2N0MyNC41MTE0IDkuNDI3OCAyNC42NjcgOC42NDQ0NyAyNC42NjcgNy44NjY2OUMyNC42NjcgNi41MzMzNiAyNC4yMjI1IDUuNDIyMjQgMjMuMzMzNyA0LjUzMzM2QzIyLjQ0NDggMy42NDQ0NyAyMS4zMzM3IDMuMjAwMDIgMjAuMDAwMyAzLjIwMDAyQzE4Ljk1NTkgMy4yMDAwMiAxNy45ODkyIDMuNDk0NDcgMTcuMTAwMyA0LjA4MzM2QzE2LjIxMTQgNC42NzIyNSAxNS42MDAzIDUuNDIyMjQgMTUuMjY3IDYuMzMzMzZIMTIuNzMzN0MxMi40MDAzIDUuNDIyMjQgMTEuNzg5MiA0LjY3MjI1IDEwLjkwMDMgNC4wODMzNkMxMC4wMTE0IDMuNDk0NDcgOS4wNDQ3NyAzLjIwMDAyIDguMDAwMzMgMy4yMDAwMkM2LjY2Njk5IDMuMjAwMDIgNS41NTU4OCAzLjY0NDQ3IDQuNjY2OTkgNC41MzMzNkMzLjc3ODEgNS40MjIyNCAzLjMzMzY2IDYuNTMzMzYgMy4zMzM2NiA3Ljg2NjY5QzMuMzMzNjYgOC42NDQ0NyAzLjQ4OTIxIDkuNDI3OCAzLjgwMDMzIDEwLjIxNjdDNC4xMTE0NCAxMS4wMDU2IDQuNjY2OTkgMTEuOTA1NiA1LjQ2Njk5IDEyLjkxNjdDNi4yNjY5OSAxMy45Mjc4IDcuMzU1ODggMTUuMTE2NyA4LjczMzY2IDE2LjQ4MzRDMTAuMTExNCAxNy44NSAxMS44NjcgMTkuNDg4OSAxNC4wMDAzIDIxLjRaIiBmaWxsPSIjRjBGMEYwIi8+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>";
-export declare const newPlayIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3dfIGhvbGxvdyI+CjxtYXNrIGlkPSJtYXNrMF8yMTA2Xzk5NCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTA2Xzk5NCkiPgo8cGF0aCBpZD0icGxheV9hcnJvdyIgZD0iTTggMTlWNUwxOSAxMkw4IDE5Wk0xMCAxNS4zNUwxNS4yNSAxMkwxMCA4LjY1VjE1LjM1WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
-export declare const newPauseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBhdXNlIj4KPG1hc2sgaWQ9Im1hc2swXzIxMTdfMiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTE3XzIpIj4KPHBhdGggaWQ9InBhdXNlXzIiIGQ9Ik0xNCAxOVY1SDE3VjE5SDE0Wk03IDE5VjVIMTBWMTlIN1oiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
-export declare const newUnmuteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV91cF8yIj4KPG1hc2sgaWQ9Im1hc2swXzIxMDZfOTg3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIxMDZfOTg3KSI+CjxwYXRoIGlkPSJ2b2x1bWVfdXAiIGQ9Ik0xNCAyMC43MjVWMTguNjc1QzE1LjUgMTguMjQxNiAxNi43MDgzIDE3LjQwODMgMTcuNjI1IDE2LjE3NUMxOC41NDE3IDE0Ljk0MTYgMTkgMTMuNTQxNiAxOSAxMS45NzVDMTkgMTAuNDA4MyAxOC41NDE3IDkuMDA4MzEgMTcuNjI1IDcuNzc0OThDMTYuNzA4MyA2LjU0MTY0IDE1LjUgNS43MDgzMSAxNCA1LjI3NDk4VjMuMjI0OThDMTYuMDY2NyAzLjY5MTY0IDE3Ljc1IDQuNzM3NDggMTkuMDUgNi4zNjI0OEMyMC4zNSA3Ljk4NzQ4IDIxIDkuODU4MzEgMjEgMTEuOTc1QzIxIDE0LjA5MTYgMjAuMzUgMTUuOTYyNSAxOS4wNSAxNy41ODc1QzE3Ljc1IDE5LjIxMjUgMTYuMDY2NyAyMC4yNTgzIDE0IDIwLjcyNVpNMyAxNVY4Ljk5OTk4SDdMMTIgMy45OTk5OFYyMEw3IDE1SDNaTTE0IDE2VjcuOTQ5OThDMTQuNzgzMyA4LjMxNjY0IDE1LjM5NTggOC44NjY2NCAxNS44Mzc1IDkuNTk5OThDMTYuMjc5MiAxMC4zMzMzIDE2LjUgMTEuMTMzMyAxNi41IDEyQzE2LjUgMTIuODUgMTYuMjc5MiAxMy42Mzc1IDE1LjgzNzUgMTQuMzYyNUMxNS4zOTU4IDE1LjA4NzUgMTQuNzgzMyAxNS42MzMzIDE0IDE2Wk0xMCA4Ljg0OTk4TDcuODUgMTFINVYxM0g3Ljg1TDEwIDE1LjE1VjguODQ5OThaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
-export declare const newMuteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV9tdXRlIj4KPHBhdGggaWQ9InZvbHVtZV9vZmYiIGQ9Ik0xOS44IDIyLjZMMTYuNzc1IDE5LjU3NTFDMTYuMzU4NCAxOS44NDE3IDE1LjkxNjcgMjAuMDcwOSAxNS40NSAyMC4yNjI2QzE0Ljk4MzQgMjAuNDU0MiAxNC41IDIwLjYwODQgMTQgMjAuNzI1VjE4LjY3NUMxNC4yMzM0IDE4LjU5MTcgMTQuNDYyNSAxOC41MDg0IDE0LjY4NzUgMTguNDI1QzE0LjkxMjUgMTguMzQxNyAxNS4xMjUgMTguMjQxNyAxNS4zMjUgMTguMTI1MUwxMiAxNC44VjIwTDcuMDAwMDIgMTVIMy4wMDAwMlY5LjAwMDA1SDYuMjAwMDJMMS40MDAwMiA0LjIwMDA1TDIuODAwMDIgMi44MDAwNUwyMS4yIDIxLjIwMDFMMTkuOCAyMi42Wk0xOS42IDE2LjhMMTguMTUgMTUuMzVDMTguNDMzNCAxNC44MzM0IDE4LjY0NTkgMTQuMjkxNyAxOC43ODc1IDEzLjcyNUMxOC45MjkyIDEzLjE1ODQgMTkgMTIuNTc1MSAxOSAxMS45NzVDMTkgMTAuNDA4NCAxOC41NDE3IDkuMDA4MzggMTcuNjI1IDcuNzc1MDVDMTYuNzA4NCA2LjU0MTcyIDE1LjUgNS43MDgzOCAxNCA1LjI3NTA1VjMuMjI1MDVDMTYuMDY2NyAzLjY5MTcyIDE3Ljc1IDQuNzM3NTUgMTkuMDUgNi4zNjI1NUMyMC4zNSA3Ljk4NzU1IDIxIDkuODU4MzggMjEgMTEuOTc1QzIxIDEyLjg1ODQgMjAuODc5MiAxMy43MDg0IDIwLjYzNzUgMTQuNTI1MUMyMC4zOTU5IDE1LjM0MTcgMjAuMDUgMTYuMSAxOS42IDE2LjhaTTE2LjI1IDEzLjQ1TDE0IDExLjJWNy45NTAwNUMxNC43ODM0IDguMzE2NzIgMTUuMzk1OSA4Ljg2NjcyIDE1LjgzNzUgOS42MDAwNUMxNi4yNzkyIDEwLjMzMzQgMTYuNSAxMS4xMzM0IDE2LjUgMTJDMTYuNSAxMi4yNSAxNi40NzkyIDEyLjQ5NTkgMTYuNDM3NSAxMi43Mzc1QzE2LjM5NTkgMTIuOTc5MiAxNi4zMzM0IDEzLjIxNjcgMTYuMjUgMTMuNDVaTTEyIDkuMjAwMDVMOS40MDAwMyA2LjYwMDA1TDEyIDQuMDAwMDVWOS4yMDAwNVpNMTAgMTUuMTUwMVYxMi44TDguMjAwMDMgMTFINS4wMDAwMlYxM0g3Ljg1MDAzTDEwIDE1LjE1MDFaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
-export declare const newShareIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNoYXJlIj4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjY0NzMgMjAuMzc0OEMxMi44IDIwLjc1MjcgMTMuMTY2OCAyMSAxMy41NzQ0IDIxSDEzLjYwNTJDMTQuMDIyOSAyMSAxNC4zOTY3IDIwLjc0MDQgMTQuNTQyNCAyMC4zNDg5TDIwLjIzNzUgNS4wNDg1NkMyMC41MzYyIDQuMjQ2MSAxOS43NTM5IDMuNDYzODUgMTguOTUxNSAzLjc2MjU0TDMuNjUxMTYgOS40NTc2NkMzLjI1OTY2IDkuNjAzMzggMyA5Ljk3NzEgMyAxMC4zOTQ4VjEwLjQyNTdDMyAxMC44MzMyIDMuMjQ3MzUgMTEuMiAzLjYyNTIxIDExLjM1MjhMMTAuMDUgMTMuOTVMMTIuNjQ3MyAyMC4zNzQ4Wk0xNi43NjM4IDguNjUwNDdMMTMuNTUgMTcuM0wxMi4wMDI2IDEzLjQxMTdMMTYuNzYzOCA4LjY1MDQ3Wk0xNS4zNDk3IDcuMjM2MTRMMTAuNTg4NCAxMS45OTc1TDYuNyAxMC40NUwxNS4zNDk3IDcuMjM2MTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
-export declare const newCloseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlIj4KPG1hc2sgaWQ9Im1hc2swXzIwODlfNjUxOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMDg5XzY1MTgpIj4KPHBhdGggaWQ9ImNsb3NlXzIiIGQ9Ik05LjYgMjguNUw3LjUgMjYuNEwxNS45IDE4TDcuNSA5LjZMOS42IDcuNUwxOCAxNS45TDI2LjQgNy41TDI4LjUgOS42TDIwLjEgMThMMjguNSAyNi40TDI2LjQgMjguNUwxOCAyMC4xTDkuNiAyOC41WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
-export declare const newNextStoryIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfbmV4dCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyMzYiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjM2KSI+CjxwYXRoIGlkPSJza2lwX25leHRfMiIgZD0iTTIyIDI0VjhIMjQuNjY2NlYyNEgyMlpNNy4zMzMzMSAyNFY4TDE5LjMzMzMgMTZMNy4zMzMzMSAyNFpNOS45OTk5OCAxOUwxNC41MzMzIDE2TDkuOTk5OTggMTNWMTlaIiBmaWxsPSIjRjBGMEYwIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
-export declare const newPrevStoryIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfcHJldmlvdXMiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjM4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzIzOCkiPgo8cGF0aCBpZD0ic2tpcF9wcmV2aW91c18yIiBkPSJNNy4zMzMzMyAyNFY4SDkuOTk5OTlWMjRINy4zMzMzM1pNMjQuNjY2NyAyNEwxMi42NjY3IDE2TDI0LjY2NjcgOFYyNFpNMjIgMTlWMTNMMTcuNDY2NyAxNkwyMiAxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
-export declare const newNextPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fcmlnaHQiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjc3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzI3NykiPgo8cGF0aCBpZD0iY2hldnJvbl9yaWdodF8yIiBkPSJNMTAuOTY2NiAyMUw5LjMzMzMxIDE5LjM2NjdMMTQuNyAxNEw5LjMzMzMxIDguNjMzMzNMMTAuOTY2NiA3TDE3Ljk2NjYgMTRMMTAuOTY2NiAyMVoiIGZpbGw9IiMxMzEzMTMiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
-export declare const newPrevPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fbGVmdCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyNDAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjQwKSI+CjxwYXRoIGlkPSJjaGV2cm9uX2xlZnRfMiIgZD0iTTE2LjMzMzMgMjFMOS4zMzMzMyAxNEwxNi4zMzMzIDdMMTcuOTY2NyA4LjYzMzMzTDEyLjYgMTRMMTcuOTY2NyAxOS4zNjY3TDE2LjMzMzMgMjFaIiBmaWxsPSIjMTMxMzEzIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
-export declare const restartIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzVfNDg5ODEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNV80ODk4MSkiPgo8cGF0aCBkPSJNMTYgMjRDMTMuNzY2NyAyNCAxMS44NzUgMjMuMjI1IDEwLjMyNSAyMS42NzVDOC43NzUgMjAuMTI1IDggMTguMjMzMyA4IDE2QzggMTMuNzY2NyA4Ljc3NSAxMS44NzUgMTAuMzI1IDEwLjMyNUMxMS44NzUgOC43NzUgMTMuNzY2NyA4IDE2IDhDMTcuMTUgOCAxOC4yNSA4LjIzNzUgMTkuMyA4LjcxMjVDMjAuMzUgOS4xODc1IDIxLjI1IDkuODY2NjcgMjIgMTAuNzVWOEgyNFYxNUgxN1YxM0gyMS4yQzIwLjY2NjcgMTIuMDY2NyAxOS45Mzc1IDExLjMzMzMgMTkuMDEyNSAxMC44QzE4LjA4NzUgMTAuMjY2NyAxNy4wODMzIDEwIDE2IDEwQzE0LjMzMzMgMTAgMTIuOTE2NyAxMC41ODMzIDExLjc1IDExLjc1QzEwLjU4MzMgMTIuOTE2NyAxMCAxNC4zMzMzIDEwIDE2QzEwIDE3LjY2NjcgMTAuNTgzMyAxOS4wODMzIDExLjc1IDIwLjI1QzEyLjkxNjcgMjEuNDE2NyAxNC4zMzMzIDIyIDE2IDIyQzE3LjI4MzMgMjIgMTguNDQxNyAyMS42MzMzIDE5LjQ3NSAyMC45QzIwLjUwODMgMjAuMTY2NyAyMS4yMzMzIDE5LjIgMjEuNjUgMThIMjMuNzVDMjMuMjgzMyAxOS43NjY3IDIyLjMzMzMgMjEuMjA4MyAyMC45IDIyLjMyNUMxOS40NjY3IDIzLjQ0MTcgMTcuODMzMyAyNCAxNiAyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
-export declare const playIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwbGF5X2Fycm93XzIiIGQ9Ik0xOCAzNlYxMkwzNiAyNEwxOCAzNloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
-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 playIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3dfIGhvbGxvdyI+CjxtYXNrIGlkPSJtYXNrMF8yMTA2Xzk5NCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTA2Xzk5NCkiPgo8cGF0aCBpZD0icGxheV9hcnJvdyIgZD0iTTggMTlWNUwxOSAxMkw4IDE5Wk0xMCAxNS4zNUwxNS4yNSAxMkwxMCA4LjY1VjE1LjM1WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
+export declare const pauseIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBhdXNlIj4KPG1hc2sgaWQ9Im1hc2swXzIxMTdfMiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTE3XzIpIj4KPHBhdGggaWQ9InBhdXNlXzIiIGQ9Ik0xNCAxOVY1SDE3VjE5SDE0Wk03IDE5VjVIMTBWMTlIN1oiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+export declare const unmuteIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV91cF8yIj4KPG1hc2sgaWQ9Im1hc2swXzIxMDZfOTg3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIxMDZfOTg3KSI+CjxwYXRoIGlkPSJ2b2x1bWVfdXAiIGQ9Ik0xNCAyMC43MjVWMTguNjc1QzE1LjUgMTguMjQxNiAxNi43MDgzIDE3LjQwODMgMTcuNjI1IDE2LjE3NUMxOC41NDE3IDE0Ljk0MTYgMTkgMTMuNTQxNiAxOSAxMS45NzVDMTkgMTAuNDA4MyAxOC41NDE3IDkuMDA4MzEgMTcuNjI1IDcuNzc0OThDMTYuNzA4MyA2LjU0MTY0IDE1LjUgNS43MDgzMSAxNCA1LjI3NDk4VjMuMjI0OThDMTYuMDY2NyAzLjY5MTY0IDE3Ljc1IDQuNzM3NDggMTkuMDUgNi4zNjI0OEMyMC4zNSA3Ljk4NzQ4IDIxIDkuODU4MzEgMjEgMTEuOTc1QzIxIDE0LjA5MTYgMjAuMzUgMTUuOTYyNSAxOS4wNSAxNy41ODc1QzE3Ljc1IDE5LjIxMjUgMTYuMDY2NyAyMC4yNTgzIDE0IDIwLjcyNVpNMyAxNVY4Ljk5OTk4SDdMMTIgMy45OTk5OFYyMEw3IDE1SDNaTTE0IDE2VjcuOTQ5OThDMTQuNzgzMyA4LjMxNjY0IDE1LjM5NTggOC44NjY2NCAxNS44Mzc1IDkuNTk5OThDMTYuMjc5MiAxMC4zMzMzIDE2LjUgMTEuMTMzMyAxNi41IDEyQzE2LjUgMTIuODUgMTYuMjc5MiAxMy42Mzc1IDE1LjgzNzUgMTQuMzYyNUMxNS4zOTU4IDE1LjA4NzUgMTQuNzgzMyAxNS42MzMzIDE0IDE2Wk0xMCA4Ljg0OTk4TDcuODUgMTFINVYxM0g3Ljg1TDEwIDE1LjE1VjguODQ5OThaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
+export declare const muteIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV9tdXRlIj4KPHBhdGggaWQ9InZvbHVtZV9vZmYiIGQ9Ik0xOS44IDIyLjZMMTYuNzc1IDE5LjU3NTFDMTYuMzU4NCAxOS44NDE3IDE1LjkxNjcgMjAuMDcwOSAxNS40NSAyMC4yNjI2QzE0Ljk4MzQgMjAuNDU0MiAxNC41IDIwLjYwODQgMTQgMjAuNzI1VjE4LjY3NUMxNC4yMzM0IDE4LjU5MTcgMTQuNDYyNSAxOC41MDg0IDE0LjY4NzUgMTguNDI1QzE0LjkxMjUgMTguMzQxNyAxNS4xMjUgMTguMjQxNyAxNS4zMjUgMTguMTI1MUwxMiAxNC44VjIwTDcuMDAwMDIgMTVIMy4wMDAwMlY5LjAwMDA1SDYuMjAwMDJMMS40MDAwMiA0LjIwMDA1TDIuODAwMDIgMi44MDAwNUwyMS4yIDIxLjIwMDFMMTkuOCAyMi42Wk0xOS42IDE2LjhMMTguMTUgMTUuMzVDMTguNDMzNCAxNC44MzM0IDE4LjY0NTkgMTQuMjkxNyAxOC43ODc1IDEzLjcyNUMxOC45MjkyIDEzLjE1ODQgMTkgMTIuNTc1MSAxOSAxMS45NzVDMTkgMTAuNDA4NCAxOC41NDE3IDkuMDA4MzggMTcuNjI1IDcuNzc1MDVDMTYuNzA4NCA2LjU0MTcyIDE1LjUgNS43MDgzOCAxNCA1LjI3NTA1VjMuMjI1MDVDMTYuMDY2NyAzLjY5MTcyIDE3Ljc1IDQuNzM3NTUgMTkuMDUgNi4zNjI1NUMyMC4zNSA3Ljk4NzU1IDIxIDkuODU4MzggMjEgMTEuOTc1QzIxIDEyLjg1ODQgMjAuODc5MiAxMy43MDg0IDIwLjYzNzUgMTQuNTI1MUMyMC4zOTU5IDE1LjM0MTcgMjAuMDUgMTYuMSAxOS42IDE2LjhaTTE2LjI1IDEzLjQ1TDE0IDExLjJWNy45NTAwNUMxNC43ODM0IDguMzE2NzIgMTUuMzk1OSA4Ljg2NjcyIDE1LjgzNzUgOS42MDAwNUMxNi4yNzkyIDEwLjMzMzQgMTYuNSAxMS4xMzM0IDE2LjUgMTJDMTYuNSAxMi4yNSAxNi40NzkyIDEyLjQ5NTkgMTYuNDM3NSAxMi43Mzc1QzE2LjM5NTkgMTIuOTc5MiAxNi4zMzM0IDEzLjIxNjcgMTYuMjUgMTMuNDVaTTEyIDkuMjAwMDVMOS40MDAwMyA2LjYwMDA1TDEyIDQuMDAwMDVWOS4yMDAwNVpNMTAgMTUuMTUwMVYxMi44TDguMjAwMDMgMTFINS4wMDAwMlYxM0g3Ljg1MDAzTDEwIDE1LjE1MDFaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
+export declare const shareIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNoYXJlIj4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjY0NzMgMjAuMzc0OEMxMi44IDIwLjc1MjcgMTMuMTY2OCAyMSAxMy41NzQ0IDIxSDEzLjYwNTJDMTQuMDIyOSAyMSAxNC4zOTY3IDIwLjc0MDQgMTQuNTQyNCAyMC4zNDg5TDIwLjIzNzUgNS4wNDg1NkMyMC41MzYyIDQuMjQ2MSAxOS43NTM5IDMuNDYzODUgMTguOTUxNSAzLjc2MjU0TDMuNjUxMTYgOS40NTc2NkMzLjI1OTY2IDkuNjAzMzggMyA5Ljk3NzEgMyAxMC4zOTQ4VjEwLjQyNTdDMyAxMC44MzMyIDMuMjQ3MzUgMTEuMiAzLjYyNTIxIDExLjM1MjhMMTAuMDUgMTMuOTVMMTIuNjQ3MyAyMC4zNzQ4Wk0xNi43NjM4IDguNjUwNDdMMTMuNTUgMTcuM0wxMi4wMDI2IDEzLjQxMTdMMTYuNzYzOCA4LjY1MDQ3Wk0xNS4zNDk3IDcuMjM2MTRMMTAuNTg4NCAxMS45OTc1TDYuNyAxMC40NUwxNS4zNDk3IDcuMjM2MTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
+export declare const closeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlIj4KPG1hc2sgaWQ9Im1hc2swXzIwODlfNjUxOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMDg5XzY1MTgpIj4KPHBhdGggaWQ9ImNsb3NlXzIiIGQ9Ik05LjYgMjguNUw3LjUgMjYuNEwxNS45IDE4TDcuNSA5LjZMOS42IDcuNUwxOCAxNS45TDI2LjQgNy41TDI4LjUgOS42TDIwLjEgMThMMjguNSAyNi40TDI2LjQgMjguNUwxOCAyMC4xTDkuNiAyOC41WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
+export declare const nextStoryIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfbmV4dCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyMzYiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjM2KSI+CjxwYXRoIGlkPSJza2lwX25leHRfMiIgZD0iTTIyIDI0VjhIMjQuNjY2NlYyNEgyMlpNNy4zMzMzMSAyNFY4TDE5LjMzMzMgMTZMNy4zMzMzMSAyNFpNOS45OTk5OCAxOUwxNC41MzMzIDE2TDkuOTk5OTggMTNWMTlaIiBmaWxsPSIjRjBGMEYwIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
+export declare const prevStoryIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfcHJldmlvdXMiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjM4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzIzOCkiPgo8cGF0aCBpZD0ic2tpcF9wcmV2aW91c18yIiBkPSJNNy4zMzMzMyAyNFY4SDkuOTk5OTlWMjRINy4zMzMzM1pNMjQuNjY2NyAyNEwxMi42NjY3IDE2TDI0LjY2NjcgOFYyNFpNMjIgMTlWMTNMMTcuNDY2NyAxNkwyMiAxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+export declare const nextPageIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fcmlnaHQiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjc3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzI3NykiPgo8cGF0aCBpZD0iY2hldnJvbl9yaWdodF8yIiBkPSJNMTAuOTY2NiAyMUw5LjMzMzMxIDE5LjM2NjdMMTQuNyAxNEw5LjMzMzMxIDguNjMzMzNMMTAuOTY2NiA3TDE3Ljk2NjYgMTRMMTAuOTY2NiAyMVoiIGZpbGw9IiMxMzEzMTMiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+export declare const prevPageIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fbGVmdCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyNDAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjQwKSI+CjxwYXRoIGlkPSJjaGV2cm9uX2xlZnRfMiIgZD0iTTE2LjMzMzMgMjFMOS4zMzMzMyAxNEwxNi4zMzMzIDdMMTcuOTY2NyA4LjYzMzMzTDEyLjYgMTRMMTcuOTY2NyAxOS4zNjY3TDE2LjMzMzMgMjFaIiBmaWxsPSIjMTMxMzEzIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
+export declare const restartIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzVfNDg5ODEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNV80ODk4MSkiPgo8cGF0aCBkPSJNMTYgMjRDMTMuNzY2NyAyNCAxMS44NzUgMjMuMjI1IDEwLjMyNSAyMS42NzVDOC43NzUgMjAuMTI1IDggMTguMjMzMyA4IDE2QzggMTMuNzY2NyA4Ljc3NSAxMS44NzUgMTAuMzI1IDEwLjMyNUMxMS44NzUgOC43NzUgMTMuNzY2NyA4IDE2IDhDMTcuMTUgOCAxOC4yNSA4LjIzNzUgMTkuMyA4LjcxMjVDMjAuMzUgOS4xODc1IDIxLjI1IDkuODY2NjcgMjIgMTAuNzVWOEgyNFYxNUgxN1YxM0gyMS4yQzIwLjY2NjcgMTIuMDY2NyAxOS45Mzc1IDExLjMzMzMgMTkuMDEyNSAxMC44QzE4LjA4NzUgMTAuMjY2NyAxNy4wODMzIDEwIDE2IDEwQzE0LjMzMzMgMTAgMTIuOTE2NyAxMC41ODMzIDExLjc1IDExLjc1QzEwLjU4MzMgMTIuOTE2NyAxMCAxNC4zMzMzIDEwIDE2QzEwIDE3LjY2NjcgMTAuNTgzMyAxOS4wODMzIDExLjc1IDIwLjI1QzEyLjkxNjcgMjEuNDE2NyAxNC4zMzMzIDIyIDE2IDIyQzE3LjI4MzMgMjIgMTguNDQxNyAyMS42MzMzIDE5LjQ3NSAyMC45QzIwLjUwODMgMjAuMTY2NyAyMS4yMzMzIDE5LjIgMjEuNjUgMThIMjMuNzVDMjMuMjgzMyAxOS43NjY3IDIyLjMzMzMgMjEuMjA4MyAyMC45IDIyLjMyNUMxOS40NjY3IDIzLjQ0MTcgMTcuODMzMyAyNCAxNiAyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
+export declare const playResumeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwbGF5X2Fycm93XzIiIGQ9Ik0xOCAzNlYxMkwzNiAyNEwxOCAzNloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
+export declare const pauseResumeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwYXVzZSIgZD0iTTI3IDM2VjEySDMzVjM2SDI3Wk0xNSAzNlYxMkgyMVYzNkgxNVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
+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 externalLinkIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+CjxwYXRoIGQ9Im0xMiAwYzYuNiAwIDEyIDUuNCAxMiAxMnMtNS40IDEyLTEyIDEyLTEyLTUuNC0xMi0xMiA1LjQtMTIgMTItMTJ6IiBmaWxsLW9wYWNpdHk9Ii4xIi8+CjxwYXRoIGQ9Im0xMy44IDE0LjYgMC4yIDAuNS0wLjIgMC41LTEuNSAxLjRjLTAuNyAwLjctMS43IDEuMS0yLjcgMS4xYTQgNCAwIDAgMS0yLjctMS4xIDMuOSAzLjkgMCAwIDEtMS4xLTIuNyA0IDQgMCAwIDEgMS4xLTIuN2wxLjUtMS41IDAuNS0wLjEgMC41IDAuMiAwLjIgMC41LTAuMiAwLjUtMS41IDEuNWMtMC41IDAuNS0wLjcgMS4xLTAuNyAxLjdzMC4zIDEuMyAwLjcgMS43YzAuNSAwLjUgMS4xIDAuNyAxLjcgMC43czEuMy0wLjMgMS43LTAuN2wxLjUtMS41YzAuMy0wLjMgMC43LTAuMyAxIDB6bTMuMi03LjZhMy45IDMuOSAwIDAgMC0yLjctMS4xIDQgNCAwIDAgMC0yLjcgMS4xbC0xLjUgMS41LTAuMSAwLjQgMC4yIDAuNSAwLjUgMC4yIDAuNS0wLjIgMS41LTEuNWMwLjUtMC41IDEuMS0wLjcgMS43LTAuN3MxLjMgMC4zIDEuNyAwLjdjMC41IDAuNSAwLjcgMS4xIDAuNyAxLjdzLTAuMyAxLjMtMC43IDEuN2wtMS41IDEuNS0wLjIgMC41IDAuMiAwLjUgMC41IDAuMiAwLjUtMC4yIDEuNS0xLjVjMC43LTAuNyAxLjEtMS43IDEuMS0yLjctMC4xLTEtMC41LTEuOS0xLjItMi42em0tNy45IDcuMiAwLjIgMC41IDAuNSAwLjIgMC41LTAuMiA0LjUtNC41IDAuMi0wLjUtMC4yLTAuNWMtMC4zLTAuMi0wLjgtMC4yLTEgMC4xbC00LjUgNC41eiIvPgo8L3N2Zz4K";
 export declare const newPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzk0NDlfOTc2NyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85NDQ5Xzk3NjcpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0gxMlY1SDVWMTlIMTlWMTJIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFINVpNOS43IDE1LjdMOC4zIDE0LjNMMTcuNiA1SDE0VjNIMjFWMTBIMTlWNi40TDkuNyAxNS43WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+Cjwvc3ZnPgo=";
-export declare const fullscreenIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkxNTFfNTE4OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MTUxXzUxODkpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVYxNUg1VjE5SDlWMjFINVpNMTUgMjFWMTlIMTlWMTVIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFIMTVaTTMgOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0g5VjVINVY5SDNaTTE5IDlWNUgxNVYzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWOUgxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L3N2Zz4K";
 type CustomNativeTargeting = Record<string, string | string[]>;
 type CustomNativeArgs = {
@@ -758,6 +754,10 @@ type CustomNativeArgs = {
 export interface CustomNativeAdHandler {
     provideAdExtraParams?: (args: CustomNativeArgs) => CustomNativeTargeting;
 }
+type ImaExtraParams = Record<string, string>;
+export interface ImaAdHandler {
+    provideAdExtraParams?: () => ImaExtraParams;
+}
 export interface ISmoothOpenCloseModal {
     storyId?: string;
@@ -792,6 +792,7 @@ export interface IButtonPlayerConfig {
     iconUrl: string;
     eventType: string;
     clickHandler: () => void;
+    dataTestId?: string;
 }
 export interface IDatabase {
@@ -897,7 +898,7 @@ export interface IWidgetLabelBuilder {
     atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
 }
-export type ContentType = 'story';
+export type ContentType = 'story' | 'moment';
 export interface IWidgetViewOptionsBase {
     orderType?: OrderType;
     maxItemsCount?: number;
@@ -910,7 +911,7 @@ export interface IWidgetViewOptionsBase {
     shouldOrderWidgetByReadStatus?: boolean;
 }
 export interface IWidgetViewOptionsWithLabels extends IWidgetViewOptionsBase {
-    labels: string | string[] | BlazeWidgetLabel;
+    labels: LabelsType;
     storyIds?: never;
 }
 export interface IWidgetViewOptionsWithStoryIds extends IWidgetViewOptionsBase {
@@ -922,7 +923,7 @@ export type IWidgetViewOptions = IWidgetViewOptionsWithLabels | IWidgetViewOptio
 export interface IWidgetView extends HTMLElement {
     setTheme: (theme: IWidgetTheme) => void;
     getTheme: () => IWidgetTheme;
-    setLabels: (labels: string | string[] | BlazeWidgetLabel, options?: ISetWidgetOptions) => void;
+    setLabels: (labels: LabelsType, options?: ISetWidgetOptions) => void;
     setLabelsPriority: (labelsPriority: string, options?: ISetWidgetOptions) => void;
     setContentIds: (storyIds: string[], options?: ISetWidgetOptions) => void;
     reload: () => void;
@@ -1141,6 +1142,7 @@ export declare class ImaAdEvent {
     'advertiser_name': string;
     'failure_reason': string;
     'ad_type': string;
+    'ima_url': string;
 }
 export declare class InteractionEvent {
     'interaction_id': string;
@@ -1187,7 +1189,16 @@ declare abstract class ApiServiceClass extends ApiServiceClass_base implements I
         } | undefined;
         error?: Error | undefined;
     }>;
-    getShorts(labels: string, orderType: OrderType, maxItemsSize?: number): Promise<import("../interfaces").IHttpResponse<{
+    getMomentByIds(momentIds: string[], orderType?: OrderType): Promise<{
+        httpStatus?: number | undefined;
+        data?: {
+            assetsExpiryTime: string;
+            totalItems: number;
+            result: IMoment[];
+        } | undefined;
+        error?: Error | undefined;
+    }>;
+    getMoments(labels: string, orderType: OrderType, maxItemsSize?: number): Promise<import("../interfaces").IHttpResponse<{
         assetsExpiryTime: string;
         totalItems: number;
         result: IMoment[];
@@ -1228,6 +1239,7 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
     private _shouldModifyUrlWithStoryId;
     private _shouldDismissPlayer;
     private _googleCustomNativeAdHandler?;
+    private _imaAdHandler?;
     private _playerStyleCustomization?;
     private _shouldCreateUser;
     private _externalUserId;
@@ -1260,6 +1272,8 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
     get shouldDismissPlayer(): boolean;
     get googleCustomNativeAdHandler(): CustomNativeAdHandler | undefined;
     set googleCustomNativeAdHandler(value: CustomNativeAdHandler | undefined);
+    get imaAdHandler(): ImaAdHandler | undefined;
+    set imaAdHandler(value: ImaAdHandler | undefined);
 }
 export declare const ConfigService: ConfigServiceClass;
@@ -1450,12 +1464,16 @@ declare abstract class VideoCacheServiceClass extends VideoCacheServiceClass_bas
     private cache;
     private cacheName;
     private downloadControllers;
+    private cacheList;
     private cacheInitialized;
+    private sizeLimit;
     constructor();
     init(): Promise<void>;
     private retryCacheInitialization;
+    checkCacheSize(): Promise<void>;
     isVideoDownloading(url: string): boolean;
     isInitialized(): boolean;
+    private handleError;
     private fetchAndCache;
     private cacheResponse;
     addCacheVideoByUrl(url: string): Promise<Response | void>;
@@ -1463,6 +1481,8 @@ declare abstract class VideoCacheServiceClass extends VideoCacheServiceClass_bas
     abortDownload(url: string): Promise<void>;
     deleteCacheVideoByUrl(url: string): Promise<boolean>;
     clearAllCache(): Promise<void>;
+    downloadAndCacheVideo(url: string): Promise<void>;
+    deleteVideoFromCache(url: string): Promise<void>;
 }
 export declare const VideoCacheService: VideoCacheServiceClass;
@@ -1476,6 +1496,7 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
     private _isPlaying;
     private _isNavigating;
     private _isModalOpen;
+    private _isSeekBarDragging;
     private _playReference;
     muteStateBeforeAd: 'mute' | 'unmute' | 'no-ad';
     constructor();
@@ -1490,6 +1511,8 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
     set playReference(value: PlayType);
     get isModalOpen(): boolean;
     set isModalOpen(value: boolean);
+    get isSeekBarDragging(): boolean;
+    set isSeekBarDragging(value: boolean);
 }
 export declare const VideoPlayerService: VideoPlayerServiceClass;
@@ -1645,6 +1668,7 @@ export declare const Colors: {
     readonly TimeColor: "#B6B7B8";
     readonly White: "#FFFFFF";
     readonly Black: "#000000";
+    readonly Gray: "#B6B7B8";
 };
 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';
@@ -2031,8 +2055,6 @@ 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';
@@ -2040,7 +2062,6 @@ 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';
@@ -2060,7 +2081,7 @@ export type PerItemStyleOverrides = Record<EntitiesType, Array<{
     theme: IWidgetTheme;
 }>>;
-export type labelType = string | string[] | BlazeWidgetLabel;
+export type LabelsType = string | string[] | BlazeWidgetLabel;
 export type LocaleDirectionType = 'LTR' | 'RTL';
@@ -2087,6 +2108,7 @@ export type SeverityType = 'error' | 'warning' | 'info' | 'success';
 export type SizeType = 'small' | 'medium' | 'large';
 export type StoryDirectionType = 'PREV_STORY' | 'NEXT_STORY' | 'PREV_PAGE' | 'NEXT_PAGE';
+export type ContentDirection = 'PREV' | 'NEXT';
 export type ThumbnailApiType = 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail';
 export type ThumbnailType = 'SQUARE_ICON' | 'VERTICAL_TWO_BY_THREE' | 'CUSTOM';
@@ -2176,7 +2198,8 @@ export declare function calculatePosition(statusIndicatorPosition: PositionType)
     isRight: boolean;
 };
-export declare const RegexHash: RegExp;
+export declare const RegexStoryHash: RegExp;
+export declare const RegexMomentHash: RegExp;
 export declare class Stopwatch {
     isRunning: boolean;
@@ -2189,66 +2212,52 @@ export declare class Stopwatch {
     reset(): void;
 }
-export * from './widget-ad';
-export * from './widget-cta-modal';
+export * from './widget-video-base';
+export * from './widget-player';
+export * from './ad/widget-ad';
 export * from './widget-embedded-story';
 export * from './widget-interaction';
 export * from './widget-item';
-export * from './widget-label';
 export * from './widget-layout';
 export * from './widget-modal';
-export * from './widget-moment';
-export * from './widget-moment-modal';
-export * from './widget-moment-player';
-export * from './widget-moment-preview';
-export * from './widget-moment-video';
+export * from './moment/widget-moment';
+export * from './moment/widget-moment-modal';
+export * from './moment/widget-moment-player';
 export * from './widget-scrollable';
 export * from './widget-sdk';
 export * from './widget-share-modal';
-export * from './widget-story';
-export * from './widget-story-base';
-export * from './widget-story-image';
-export * from './widget-story-modal';
-export * from './widget-story-player';
-export * from './widget-story-preview';
-export * from './widget-story-video';
-export declare class BlazeWidgetStoryAd extends BlazeWidgetStoryBase {
-    private storyParent;
-    data: IPage | undefined;
-    private isCurrentlyDisplay;
-    private adContainer;
-    private placeholderContainer;
-    private googletag;
-    private failToLoadTimeout?;
-    private onFail?;
-    private isAdFailed;
-    private isPlaying;
-    constructor(storyParent: BlazeWidgetStory);
+export * from './story/widget-story';
+export * from './story/widget-story-modal';
+export * from './story/widget-story-player';
+export * from './widget-video';
+export * from './moment/widget-moment-seek-bar';
+export type ExitTriggerType = 'Swipe' | 'Swipe Down' | 'Swipe Up' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
+export type StartTriggerType = 'Embedded Player in Viewport' | 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
+export type NavigationType = 'Automatic' | 'Manual' | '';
+export type NavigationDirectionType = 'Forwards' | 'Backwards' | '';
+export declare abstract class BlazeWidgetContent extends HTMLElement {
+    container: HTMLElement;
+    pageIndex: number;
+    startTrigger: StartTriggerType;
+    exitTrigger: ExitTriggerType;
+    navigationType: NavigationType;
+    navigationDirection: NavigationDirectionType;
+    listeners: EventsListener;
+    isLoadCompletedTriggered: boolean;
+    isActive: boolean;
+    isResumeOnFocusExecuted: boolean;
+    isNavigationPending: boolean;
+    resumeAfterfocus: boolean;
+    boundOnFocusEvent: () => void;
+    boundOnBlurEvent: () => void;
+    boundOnVisibilityChangeEvent: () => void;
+    widgetParent: BlazeWidgetItem;
+    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
+    setWidgetParent(parent: BlazeWidgetItem): void;
     render(): void;
-    get currentTime(): number;
-    set currentTime(value: number);
-    get duration(): number;
-    get progress(): number;
-    set muted(isMuted: boolean);
-    getAdIframeRef(): HTMLIFrameElement | null;
-    changeAdMutedState(isMuted: boolean): void;
-    setData(data: IPage): void;
-    startEnter(): Promise<void>;
-    endExit(): void;
-    play(): void;
-    get paused(): boolean;
-    pause(): void;
-    removeLoader(): void;
-    loadPoster(): void;
-    hide(): void;
-    display(onFail?: () => void): Promise<void>;
-    mainElement(): CanvasImageSource;
-    private initStyles;
-    isAdContainerConncetedToDOM(): Promise<boolean>;
-    private destroyAd;
 }
 export declare class BlazeWidgetCtaModal extends BaseWidget {
@@ -2296,7 +2305,7 @@ export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWid
     attributeChangedCallback(name: string, oldValue: string, _newValue: string): void;
     getTheme(): IWidgetTheme;
     setTheme(theme: IWidgetTheme | string): void;
-    setLabels(labels: labelType, options?: ISetWidgetOptions): void;
+    setLabels(labels: LabelsType, options?: ISetWidgetOptions): void;
     setLabelsPriority(labelsPriority: string, options?: ISetWidgetOptions): void;
     setContentIds(storyIds: string[], options?: ISetWidgetOptions): void;
     reload(): void;
@@ -2319,6 +2328,7 @@ export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWid
     private handleModalClose;
     private updatePlayerStyle;
     openFullscreen(): void;
+    appendModalToBlazeSDK(modal: BlazeWidgetStoryModal): void;
     onFullScreenClickHandler(event: Event): void;
     pauseCurrentStoryPage(): void;
     playCurrentStoryPage(): void;
@@ -2352,7 +2362,7 @@ export declare class BlazeWidgetInteraction extends BaseWidget {
 export interface BlazeWidgetItemOptions {
     theme: IWidgetTheme;
-    content: IStory;
+    content: IStory | IMoment;
 }
 export declare class BlazeWidgetItem extends BaseWidget {
     protected options: BlazeWidgetItemOptions;
@@ -2364,15 +2374,16 @@ export declare class BlazeWidgetItem extends BaseWidget {
     private label;
     private labelContainer;
     private labelBackground;
-    private theme;
+    theme: IWidgetTheme;
     private chip;
     private badge;
     private isLive;
     private analyticsCalls;
+    chipType: 'statusReadStyle' | 'statusUnreadStyle' | 'statusLiveUnreadStyle' | 'statusLiveStyle';
     get parentRef(): BlazeWidgetLayout;
-    private statusIndicatorSettings;
+    statusIndicatorSettings: IndicatorStyle;
     paddingItem: PositionOffset;
-    content: IStory;
+    content: IStory | IMoment;
     onClick: (() => void) | undefined;
     constructor(options: BlazeWidgetItemOptions);
     private initializeWidget;
@@ -2406,27 +2417,12 @@ export declare class BlazeWidgetItem extends BaseWidget {
     render(): void;
 }
-export declare class BlazeWidgetLabel {
-    value: string;
-    constructor(value: string);
-    static singleLabel(label: string): BlazeWidgetLabel;
-    static mustInclude(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
-    static atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
-    mustInclude(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
-    atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
-    toString(): string;
-    private static createLabel;
-    private static validateAndProceed;
-    private static isValidLabelFormat;
-}
 /// <reference types="node" />
 export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements Observable, IWidgetView {
-    modal: BlazeWidgetStoryModal | undefined;
-    modalMoments: BlazeWidgetMomentModal | undefined;
+    storysModal: BlazeWidgetStoryModal | undefined;
+    momentsModal: BlazeWidgetMomentModal | undefined;
     defaultAdsInfo: IAdInfo | undefined;
-    stories: IStory[];
-    moments: IMoment[];
+    content: IStory[] | IMoment[];
     skeletonContainer: BlazeDiv | undefined;
     widgetItems: BlazeWidgetItem[];
     preset: IWidgetTheme | undefined;
@@ -2444,7 +2440,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     onResizeEvent: (this: Window, ev: UIEvent) => void;
     shouldReloadWhenPlayerIsClosed: boolean;
     shouldReloadData: boolean;
-    get refElement(): ShadowRoot | this;
+    get refElement(): ShadowRoot | BlazeWidgetLayout;
     constructor();
     onResizeEventDelay(): void;
     onResize(): void;
@@ -2454,8 +2450,9 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     onKeyDown(e: KeyboardEvent): void;
-    onStoryChange(mode: StoryDirectionType): void;
+    onStoryChange(mode: ContentDirection): void;
     onPlayerClose(): void;
+    onPlayerOpen(): void;
     getParentHeightWithoutPadding(): number | null;
     setId(id: string): void;
     handlePopState(): void;
@@ -2464,24 +2461,24 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     set storyIds(value: string);
     setContentIds(storyIds: string[], options?: ISetWidgetOptions): void;
     setLabelsPriority(labelsPriority: string, options?: ISetWidgetOptions): void;
-    setLabels(labels: labelType, options?: ISetWidgetOptions): void;
+    setLabels(labels: LabelsType, options?: ISetWidgetOptions): void;
     getTheme(): IWidgetTheme;
     setTheme(theme: IWidgetTheme | string): void;
     private get theme();
     updateOverrideStyles(perItemStyleOverrides: PerItemStyleOverrides): void;
     reload(): void;
-    updateActiveLayoutThemesPerItemWithEntity(key: EntitiesType, value: string, theme: IWidgetTheme): void;
+    private updateActiveLayoutThemesPerItemWithEntity;
     updateWidgetUI(): void;
     setMaxPaddingOnWidgetItems(): void;
     setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
     setMaxItemsDisplaySize(maxSize: number): void;
     setMaxItemsSize(maxItemsSize: number): void;
     private updatePlayerStyle;
-    createModal(): void;
-    createMomentsModal(): void;
+    createModal(type: string): void;
+    appendModalToBlazeSDK(modal: BlazeWidgetMomentModal | BlazeWidgetStoryModal): void;
     static get observedAttributes(): string[];
     onItemClick(item: BlazeWidgetItem, i: number): void;
-    loadStories(): Promise<void>;
+    loadContent(): Promise<void>;
     processStoriesInWidget(): void;
     calculateChipSizes(theme: IWidgetTheme): {
         badge: {
@@ -2527,176 +2524,93 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     widgetType(): WidgetType;
 }
+/// <reference types="hammerjs" />
 export declare class BlazeWidgetModal extends BaseWidget {
+    player: BlazeWidgetStoryPlayer | BlazeWidgetMomentPlayer;
     isOpen: boolean;
-    constructor();
-    connectedCallback(): void;
-    open(): void;
-    close(): void;
-}
-export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
-    player: BlazeWidgetMomentPlayer;
-    exitPopup: HTMLElement;
-    exitButton: HTMLElement;
-    resizeCallback: any;
-    parentWidget: HTMLElement;
-    onClose: (() => void) | undefined;
-    constructor();
-    setMoments(data: IMoment[]): void;
-    seekMoment(id: string): void;
-    onKeyDown(ev: KeyboardEvent): void;
-    close(): void;
-    open(): void;
-    play(): void;
+    exitButtonElement: BlazeButton;
+    exitButtonWrapperElement: BlazeDiv;
+    hammer: HammerManager | null;
+    isMultiTouch: boolean;
+    boundOnResizeEvent: (this: Window, ev: UIEvent) => void;
+    constructor(type: 'story' | 'moment');
     connectedCallback(): void;
     disconnectedCallback(): void;
-    render(): void;
+    onResize(): void;
+    seek(id: string): void;
+    setupHammer(): void;
+    handlePanStart(ev: HammerInput): void;
+    handlePan(ev: HammerInput): void;
+    handleDoubleTap(ev: HammerInput): void;
+    handlePinchOut(ev: HammerInput): void;
+    cleanupHammer(): void;
+    open(options?: ISmoothOpenCloseModal): void;
+    close(): void;
 }
-export declare class BlazeWidgetMomentPlayer extends HTMLElement {
-    data: any;
-    widgets: BlazeWidgetMoment[];
-    container: HTMLElement;
+export type BlazeWidgetContent = BlazeWidgetStory | BlazeWidgetMoment;
+export declare abstract class WidgetAbstractPlayer extends BaseWidget {
     index: number;
+    numberOfContentInList: number;
+    contentList: BlazeWidgetStory[] | BlazeWidgetMoment[];
+    playerContentList: BlazeWidgetStory[] | BlazeWidgetMoment[];
+    srcBackground: HTMLCanvasElement;
+    destBackground: HTMLCanvasElement;
+    backgroundAnimation?: Animation;
+    hammer: HammerManager;
+    container: BlazeDiv;
+    playerFullscreenOverlay: BlazeDiv;
+    gestureActionLimitThreshold: number;
+    edgeScreenThreshold: number;
+    isEdgeThreshold: Boolean;
+    isNavigationBlocked: boolean;
+    isCloseAnimationStarted: boolean;
     currentNextAnimation?: anime.AnimeInstance;
     currentPrevAnimation?: anime.AnimeInstance;
-    preload: number;
-    cached: number;
-    items: BlazeWidgetMoment[];
-    actionLock: boolean;
-    touchStartY: number;
+    onClose?: () => void;
     listeners: EventsListener;
+    boundHandlePanStart: (ev: HammerInput) => void;
+    boundHandlePanMove: (ev: HammerInput) => void;
+    boundHandlePanEnd: (ev: HammerInput) => void;
     constructor();
-    prefetchNeighbours(addIndex?: number): void;
-    setMoments(moments: BlazeWidgetMoment[]): void;
-    seekMoment(id: string): void;
-    populatePrev(): Promise<void>;
-    populateNext(): Promise<void>;
-    play(): void;
-    pause(): void;
-    clean(): void;
-    nextAnimation(): AnimeTimelineInstance;
-    prevAnimation(): AnimeTimelineInstance;
-    onAnimationUpdate(anime: AnimeInstance): void;
-    onAnimationEnd(anime: AnimeInstance): void;
-    goPrev(): void;
-    goNext(): void;
-    handleTouchStart(evt: TouchEvent): void;
-    handleTouchMove(evt: TouchEvent): void;
-    handleTouchEnd(evt: TouchEvent): void;
-    handleWheel(evt: WheelEvent): void;
-    onKeyDown(ev: KeyboardEvent): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    render(): void;
-}
-export declare class BlazeWidgetMomentPreview extends BlazeWidgetMoment {
-    constructor();
-    disconnectedCallback(): void;
-    loadMoments(): Promise<void>;
-    static get observedAttributes(): string[];
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-}
-export declare class BlazeWidgetMomentVideo extends HTMLElement {
-    data: IContentPage | undefined;
-    video: HTMLVideoElement | undefined;
-    loader: HTMLElement | undefined;
-    source: HTMLElement | undefined;
-    loaderTimeoutRefAppending: NodeJS.Timeout | undefined;
-    isVideoStartPlaying: boolean;
-    isError: boolean;
-    isLoaded: boolean;
-    isVideoRunning: boolean;
-    maxRetryTimes: number;
-    videoFrameCallback?: any;
-    eventRenderBackgroundPercentageTriggered: Array<boolean>;
-    mode: 'contain' | 'cover';
-    constructor();
-    get progress(): number;
-    setData(data: IContentPage): void;
-    loadPoster(): void;
-    load(): Promise<void>;
-    display(): void;
-    hide(): void;
-    unload(): Promise<void>;
-    removeLoader(): void;
-    startPlayVideo(video: HTMLVideoElement, maxRetryTimes: number): Promise<void>;
-    reloadVideo(retryTime: number): void;
-    tryToAddLoader(): void;
-    play(): void;
-    pause(): void;
-    set currentTime(value: number);
-    get currentTime(): number;
-    get duration(): number;
-    requestFrameCallback(callback: () => void): void;
-    mainElement(): CanvasImageSource;
-    get paused(): boolean;
-    get muted(): boolean;
-    set muted(value: boolean);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): void;
-}
-export declare class BlazeWidgetMoment extends HTMLElement {
-    player?: BlazeWidgetMomentVideo;
-    data: IMoment | any;
-    pageIndex: number;
-    container: HTMLElement;
-    progress: HTMLElement;
-    progressContainer: HTMLElement;
-    onPageStart: (() => void) | undefined;
-    onPrevStory: (() => void) | undefined;
-    onNextStory: (() => void) | undefined;
-    onClose: (() => void) | undefined;
-    playbackParts: HTMLElement[];
-    playToggleBtn: HTMLElement;
-    closeButton: HTMLElement;
-    muteToggleBtn: HTMLElement;
-    storyTitle: HTMLElement;
-    storyThumbnail: HTMLElement;
-    storyChip: HTMLElement;
-    ctaButton: HTMLElement;
-    likesContainer: HTMLElement;
-    likesCounter: HTMLElement;
-    shareBtn: HTMLElement;
-    playCallback: string | number | NodeJS.Timeout | null | undefined;
-    modal: BlazeWidgetMomentModal;
-    fullscreenMode: boolean;
-    listener: EventsListener;
-    constructor();
-    onTitleClick(): void;
-    updateButtonsPositions(isInside: boolean): void;
-    onMouseSeek(ev: MouseEvent): void;
-    onTouchMove(ev: TouchEvent): void;
-    updateChip(): void;
-    updateButtonsState(): void;
-    static get observedAttributes(): string[];
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    loadMoments(): Promise<void>;
-    playToggle(): boolean;
-    load(): void;
-    unload(): void;
-    openFullscreen(play?: boolean): void;
-    closeFullscreen(): void;
-    fullscreenPress(): void;
-    muteToggle(): boolean;
-    setData(data: IMoment | null, modal: BlazeWidgetMomentModal): void;
-    play(): void;
-    connectedCallback(): void;
+    seek(contentId: string): void;
+    cleanPlayerContentList(): void;
+    abstract setContent(content: BlazeWidgetStory[] | BlazeWidgetMoment[]): void;
+    muteVideoOnIOSOrMacTablet(): void;
+    setupHammer(direction?: number): void;
+    cleanupHammer(): void;
+    handlePanStart(ev: HammerInput): void;
+    handlePanMove(ev: HammerInput): void;
+    handlePanEnd(ev: HammerInput): void;
+    abstract handleMoveSwipe(ev: HammerInput): void;
+    abstract handleEndSwipe(ev: HammerInput): void;
+    reverseAnimation(ev: HammerInput): void;
+    setAnimationContent(): void;
+    isTouchOnScreenEdges(touchX: number, elementWidth: number): boolean;
+    blockInteractionWithUserInterface(): void;
+    renderPlayerBackground(renderBlackBackground?: boolean): void;
+    appendToDomBasedOnNavigation(direction: ContentDirection): void;
+    abstract handlePrevDirection(): void;
+    abstract handleNextDirection(): void;
+    resetAnimation(): void;
+    abstract play(options?: any): void;
     close(): void;
-    pause(): void;
-    unpause(): void;
+    animateContent(direction: ContentDirection): AnimeTimelineInstance | undefined;
+    abstract createAnimation(content: BlazeWidgetStory | BlazeWidgetMoment, direction: ContentDirection, targetIndex: number): AnimeTimelineInstance;
+    abstract handleAnimationCompletion(content: BlazeWidgetStory | BlazeWidgetMoment, mode: ContentDirection): void;
+    processAnimation(event: HammerInput, content: BlazeWidgetMoment | BlazeWidgetStory, currentAnimation?: AnimeInstance | null | undefined): void;
+    unloadFromPlayerList(): void;
+    handleAnimationEnd(direction: ContentDirection): void;
+    abstract loadAndPlayContent(): void;
+    navigateContent(direction: ContentDirection): void;
+    abstract onKeyDown(event: KeyboardEvent): void;
+    handleSmallGestures(animation: AnimeInstance, content: BlazeWidgetStory | BlazeWidgetMoment): void;
+    abstract resetStyles(): void;
     resetPosition(): void;
-    replay(): void;
-    goReplay(): void;
-    disconnectedCallback(): void;
-    playInternal(): void;
-    render(): void;
+    abstract render(): void;
+    isContentDirectionInPlayerListValid(direction: ContentDirection | null): boolean;
+    isBlazeWidgetStory(content: BlazeWidgetContent[]): content is BlazeWidgetStory[];
+    isBlazeWidgetMoment(content: BlazeWidgetContent[]): content is BlazeWidgetMoment[];
 }
 export declare class BlazeWidgetScrollable extends BaseWidget {
@@ -2715,8 +2629,9 @@ export declare class BlazeWidgetScrollable extends BaseWidget {
     disconnectedCallback(): void;
 }
+export type playRefType = 'Share' | 'SingleStory';
 export declare class BlazeWidgetSDK extends BaseWidget {
-    modalStory?: BlazeWidgetStoryModal;
+    modal: BlazeWidgetStoryModal | BlazeWidgetMomentModal;
     onResizeEvent: (this: Window, ev: UIEvent) => void;
     static get observedAttributes(): string[];
     constructor();
@@ -2724,11 +2639,17 @@ export declare class BlazeWidgetSDK extends BaseWidget {
     disconnectedCallback(): void;
     onResizeEventDelay(): void;
     onResize(): void;
+    checkUrlForContent(): {
+        isStoryMatch: boolean;
+        storyIds: string | null;
+        isMomentMatch: boolean;
+        momentIds: string | null;
+    };
     setPlayerStyleCustomization(playerStyleCustomization: Partial<StoryPlayerStyle>): void;
-    handleStoryLoad(playReference: 'Share' | 'SingleStory', storyIds: string): Promise<void>;
+    handleContentLoad(contentType: 'Moment' | 'Story', playReference: 'Share' | 'SingleStory', contentIds: string): Promise<void>;
     handleStaticContentLoad(playReference: 'Share' | 'SingleStory'): Promise<void>;
     enrichContent(content: IStory[]): Promise<IStory[]>;
-    setupModalAndLoadStories(playReference: 'Share' | 'SingleStory', content: IStory): Promise<void>;
+    setupModalAndLoadContent(contentType: 'Moment' | 'Story', playReference: 'Share' | 'SingleStory', content: IStory | IMoment): Promise<void>;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): Promise<void>;
     private getConfigAttributes;
     private initialize;
@@ -2762,7 +2683,7 @@ export declare class BlazeWidgetShareModal extends BaseWidget {
     render(): void;
 }
-export declare class BlazeWidgetStoryBase extends HTMLElement {
+export declare class BlazeWidgetVideoBase extends HTMLElement {
     data: IPage | undefined;
     shouldShowImaAd?: boolean;
     isCurrentlyTryingToRunImaAd?: boolean;
@@ -2799,184 +2720,7 @@ export declare class BlazeWidgetStoryBase extends HTMLElement {
     endExit(): void;
 }
-export declare class BlazeWidgetStoryImage extends BlazeWidgetStoryBase {
-    data: IPage | undefined;
-    video: HTMLImageElement | undefined;
-    startTime: Date;
-    excessTime: number;
-    isPlaying: boolean;
-    mode: 'contain' | 'cover';
-    constructor();
-    setData(data: IPage): void;
-    play(): void;
-    pause(): void;
-    set currentTime(value: number);
-    get currentTime(): number;
-    get duration(): number;
-    requestFrameCallback(): void;
-    mainElement(): CanvasImageSource;
-    get paused(): boolean;
-    get muted(): boolean;
-    set muted(value: boolean);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): void;
-}
-/// <reference types="hammerjs" />
-export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
-    parentWidget: HTMLElement;
-    playerLayout: StoryPlayerStyle;
-    player: BlazeWidgetStoryPlayer;
-    exitButtonElement: BlazeButton;
-    exitButtonWrapperElement: BlazeDiv;
-    onOpen?: () => 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;
-    setTheme(theme: IWidgetTheme): void;
-    setStories(stories: IStory[], defaultAdsInfo?: IAdInfo): void;
-    seek(id: string): void;
-    handleExit(): void;
-    onKeyDown(ev: KeyboardEvent): void;
-    close(): void;
-    open(options?: ISmoothOpenCloseModal): void;
-    play(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handlePanStart;
-    private handlePan;
-    private handleDoubleTap;
-    private setupHammer;
-    handlePinchOut(ev: HammerInput): void;
-    private cleanupHammer;
-    render(): void;
-    playToggleCurrentStory(): void;
-    private onResize;
-    private onResizeEventDelay;
-}
-export declare class BlazeWidgetStoryPlayer extends BaseWidget {
-    data: any;
-    hammer: HammerManager;
-    widgets: BlazeWidgetStory[];
-    container: HTMLElement;
-    index: number;
-    currentNextAnimation?: anime.AnimeInstance | null;
-    currentPrevAnimation?: anime.AnimeInstance | null;
-    widgetStories: BlazeWidgetStory[];
-    gestureActionLimitThreshold: number;
-    edgeScreenThreshold: number;
-    isEdgeThreshold: Boolean;
-    isNavigationBlocked: boolean;
-    isCloseAnimationStarted: boolean;
-    srcBackground: HTMLCanvasElement;
-    destBackground: HTMLCanvasElement;
-    onClose?: () => void;
-    onStoryChange?: (mode: StoryDirectionType) => void;
-    listeners: EventsListener;
-    backgroundAnimation?: Animation;
-    overlay: any;
-    constructor();
-    connectedCallback(): void;
-    onFocus(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    private setupHammer;
-    private isTouchOnScreenEdges;
-    private isCurrentlyDisplayingVastAd;
-    private handlePanStart;
-    private handlePanMove;
-    private handlePanEnd;
-    private reverseAnimation;
-    private cleanupHammer;
-    renderBackground(renderBlackBackground?: boolean): void;
-    setStories(stories: BlazeWidgetStory[]): void;
-    close(): void;
-    seek(storyId: string): void;
-    injectStoryToDomBasedOnUserNavigation(direction: StoryDirectionType): void;
-    resetPosition(): void;
-    play(options?: ISmoothOpenCloseModal): void;
-    clean(): void;
-    onCompleteAnimation(story: BlazeWidgetStory, mode: StoryDirectionType): void;
-    animateStory(direction: StoryDirectionType): AnimeTimelineInstance | undefined;
-    onAnimationEnd(direction: StoryDirectionType): void;
-    blockInteractionWithUserInterface(): void;
-    closeWithAnimation(direction: Direction): void;
-    navigateToStory(direction: StoryDirectionType): void;
-    handleAnimation(distance: number, story: BlazeWidgetStory, currentAnimation?: AnimeInstance | null): void;
-    onSmallGestures(animation: AnimeInstance, story: BlazeWidgetStory): void;
-    onKeyDown(ev: KeyboardEvent): false | undefined;
-    render(): void;
-    playToggleCurrentStory(): void;
-}
-export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
-    pages: BlazeWidgetStoryBase[];
-    data: IStory;
-    pageIndex: number;
-    container: HTMLElement;
-    progress: HTMLElement;
-    onPageStart: (() => void) | undefined;
-    onPrevStory: (() => void) | undefined;
-    onNextStory: (() => void) | undefined;
-    onClose: (() => void) | undefined;
-    playbackParts: HTMLElement[];
-    playToggleBtn: HTMLElement;
-    muteToggleBtn: HTMLElement;
-    storyTitle: BlazeDiv;
-    storyPublishedDate: BlazeDiv;
-    storyThumbnail: HTMLElement;
-    storyChip: HTMLElement;
-    ctaButton: HTMLElement;
-    prevButton: HTMLElement;
-    nextButton: HTMLElement;
-    prevButtonFS: HTMLElement;
-    nextButtonFS: HTMLElement;
-    replayButton: HTMLElement;
-    replayButtonFS: HTMLElement;
-    playCallback: string | number | NodeJS.Timeout | null | undefined;
-    modal: BlazeWidgetStoryModal;
-    fullscreenMode: boolean;
-    static isPlaying: boolean;
-    constructor(playerStyle: StoryPlayerStyle);
-    updateChip(): void;
-    updateButtonsState(): void;
-    static get observedAttributes(): string[];
-    attributeChangedCallback(name: string, oldValue: any, newValue: string): void;
-    setPageId(): void;
-    loadStory(): Promise<void>;
-    prefetchNeighbours(distance?: number): void;
-    playToggle(): boolean;
-    openFullscreen(): void;
-    closeFullscreen(): void;
-    fullscreenPress(): void;
-    muteToggle(): boolean;
-    setData(data: IStory | IStory[] | null | undefined): void;
-    setVisible(isVisible: boolean): boolean;
-    get currentPage(): BlazeWidgetStoryBase;
-    get nextPage(): BlazeWidgetStoryBase;
-    get prevPage(): BlazeWidgetStoryBase;
-    play(): Promise<void>;
-    connectedCallback(): void;
-    close(): Promise<void>;
-    pause(): void;
-    resetPosition(): void;
-    updateReplay(): void;
-    goNextPage(): void;
-    goReplay(): void;
-    goPrevPage(): void;
-    disconnectedCallback(): void;
-    playPage(index: number): Promise<void>;
-    render(): void;
-}
-export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
+export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
     data: IPage | undefined;
     video: HTMLVideoElement;
     loader: HTMLElement;
@@ -2992,30 +2736,30 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     isLoaded: boolean;
     isVideoRunning: boolean;
     maxRetryTimes: number;
-    mode: 'contain' | 'cover';
     adContainer: HTMLElement;
     adLoaderContainer: BlazeLoader;
     adDisplayContainer: any;
     adsManager: any;
     shouldShowImaAd: boolean;
-    storyParent: BlazeWidgetStory;
+    storyParent: BlazeWidgetStory | BlazeWidgetMoment;
     googleIMA: any;
     isCurrentlyTryingToRunImaAd: boolean;
     hasPoster: boolean;
-    constructor(storyParent: BlazeWidgetStory);
+    constructor(storyParent: BlazeWidgetStory | BlazeWidgetMoment);
     connectedCallback(): void;
     disconnectedCallback(): void;
     setData(data: IPage): void;
     loadPoster(): void;
     display(): void;
     hide(): void;
-    load(): Promise<void>;
+    load(loadingType?: 'cache' | 'direct'): Promise<void>;
     unload(): Promise<void>;
+    resetVideoState(): void;
     removeLoader(): void;
     startPlayVideo(video: HTMLVideoElement, maxRetryTimes: number): Promise<void>;
     tryReloadVideo(retryTime: number): void;
     tryToAddLoader(): void;
-    play(): void;
+    play(): Promise<void>;
     pause(): void;
     set currentTime(value: number);
     get currentTime(): number;
@@ -3029,6 +2773,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     render(): void;
     restartVideo(): void;
     initializeIMA(): void;
+    buildImaUrl(url: string): string;
     onAdsManagerLoaded(adsManagerLoadedEvent: any): void;
     onAdEvent(adEvent: any): void;
     onWindowResize(): void;
@@ -3044,21 +2789,315 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     handleInteractionEvent(event: CustomEvent<InteractionAnalyticCustomEvent>): void;
 }
-export declare class BlazeWidgetStory extends HTMLElement {
+export declare class BlazeWidgetStoryAd extends BlazeWidgetVideoBase {
+    private storyParent;
+    data: IPage | undefined;
+    private isCurrentlyDisplay;
+    private adContainer;
+    private placeholderContainer;
+    private googletag;
+    private failToLoadTimeout?;
+    private onFail?;
+    private isAdFailed;
+    private isPlaying;
+    constructor(storyParent: BlazeWidgetStory);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): void;
+    get currentTime(): number;
+    set currentTime(value: number);
+    get duration(): number;
+    get progress(): number;
+    set muted(isMuted: boolean);
+    getAdIframeRef(): HTMLIFrameElement | null;
+    changeAdMutedState(isMuted: boolean): void;
+    setData(data: IPage): void;
+    startEnter(): Promise<void>;
+    endExit(): void;
+    play(): void;
+    get paused(): boolean;
+    pause(): void;
+    removeLoader(): void;
+    loadPoster(): void;
+    hide(): void;
+    display(onFail?: () => void): Promise<void>;
+    mainElement(): CanvasImageSource;
+    private initStyles;
+    isAdContainerConnectedToDOM(): Promise<boolean>;
+    private destroyAd;
+}
+export type BlazeWidgetContentType = BlazeWidgetMoment[] & BlazeWidgetStory[];
+export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
+    parentWidget: HTMLElement;
+    data: IMoment[];
+    navigationButtonsContainerElement: BlazeDiv;
+    nextContentButtonElement: BlazeButton;
+    prevContentButtonElement: BlazeButton;
+    onClose: (() => void) | undefined;
+    onOpen: (() => void) | undefined;
+    boundOnKeyDown: (ev: KeyboardEvent) => void;
+    boundOnNavigationChange: (ev: Event) => void;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    onNavigationChange(ev: Event): void;
+    navigateContent(direction: ContentDirection): void;
+    createNavigationButton(direction: ContentDirection): BlazeButton;
+    setModalContent(data: IMoment[]): void;
+    onKeyDown(ev: KeyboardEvent): void;
+    close(): void;
+    open(): void;
+    play(): void;
+    setExitButtonDisplay(): void;
+    render(): void;
+}
+export declare const MUTE_UNMUTE_EVENT = "muteButtonClicked";
+export declare const UPDATE_NAVIGATION_BUTTONS_EVENT = "updateNavigationButtons";
+export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
+    isWheelEventHandling: boolean;
+    boundHandleMuteClicked: () => void;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    setupEventListeners(): void;
+    setupContainer(): void;
+    updateNavigationButtons(): void;
+    private adjustContainerStyle;
+    private adjustPlayerContentStyle;
+    applyStyles(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    handleMoveSwipe(ev: HammerInput): void;
+    handleEndSwipe(ev: HammerInput): void;
+    handlePrevDirection(): void;
+    handleNextDirection(): void;
+    createAnimation(content: BlazeWidgetMoment, direction: ContentDirection, targetIndex: number): AnimeTimelineInstance;
+    loadAndPlayContent(): Promise<void>;
+    handleAnimationCompletion(content: BlazeWidgetMoment, mode: ContentDirection): Promise<void>;
+    setContent(content: BlazeWidgetMoment[]): void;
+    preloadAdjacentContent(direction: ContentDirection): Promise<void>;
+    prefetchPosters(): Promise<void>;
+    play(): void;
+    pause(): void;
+    onAnimationEnd(): void;
+    handleWheel(evt: WheelEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    changeContent(direction: ContentDirection): Promise<void>;
+    handleMuteClicked(): void;
+    loadContentBatch(): void;
+    resetStyles(): void;
+    render(): void;
+}
+export declare class BlazeWidgetMomentSeekBar extends HTMLElement {
+    video: BlazeWidgetVideo;
+    private progress;
+    private playbackParts;
+    private listeners;
+    onPause?: () => void;
+    onResume?: () => void;
+    private boundOnTouchMove;
+    private boundOnMouseMove;
+    private boundOnClick;
+    private boundOnMouseOut;
+    private boundOnMouseIn;
+    private boundOnStartDrag;
+    private boundOnEndDrag;
+    private isActive;
+    private isInit;
+    private animationFrameId;
+    private lastProgress;
+    private progressBarFill;
+    private progressBarKnob;
+    constructor(video: BlazeWidgetVideo);
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string, _newValue: string): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private initialize;
+    setVideo(video: BlazeWidgetVideo): void;
+    private setupProgressUpdate;
+    private stopProgressUpdate;
+    private setupEventListeners;
+    private handleOnStartDrag;
+    private handleOnEndDrag;
+    private handleOnClick;
+    private onMouseMove;
+    private onTouchMove;
+    private handleOnMouseOut;
+    private handleOnMouseIn;
+    private resetSeekBarStyle;
+    private emphasizesSeekBarStyle;
+    private handleSeek;
+    private styleProgressContainer;
+    private createPlaybackPart;
+    render(): void;
+}
+interface ButtonElementOptions {
+    iconUrl: string;
+    size: string;
+    onClick?: (this: GlobalEventHandlers, ev: MouseEvent) => void;
+    backgroundColor?: string;
+}
+export declare class BlazeWidgetMoment extends BlazeWidgetContent {
+    video: BlazeWidgetVideo;
+    modal: BlazeWidgetMomentModal;
+    seekBar: BlazeWidgetMomentSeekBar;
+    shareModal: BlazeWidgetShareModal | undefined;
+    data: IMoment;
+    type: string;
+    onClose: (() => void);
+    boundOnCtaClicked: (event: Event) => void;
+    topContainer: BlazeDiv;
+    bottomContainer: BlazeDiv;
+    bottomContentContainer: BlazeDiv;
+    shadowBottomElement: BlazeDiv;
+    shadowTopElement: BlazeDiv;
+    topButtonsContainer: BlazeDiv;
+    bottomButtonsContainer: BlazeDiv;
+    closeButtonElement: BlazeButton;
+    muteButtonElement: BlazeButton;
+    likeWrapperElement: BlazeDiv;
+    likeButtonElement: BlazeButton;
+    likeCountElement: BlazeDiv;
+    shareButtonElement: BlazeButton;
+    playPauseButtonElement: BlazeButton;
+    contentTitleElement: BlazeDiv;
+    ctaElement: BlazeCtaButton;
+    isInit: boolean;
+    isActive: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    initializeStyles(): void;
+    styleBottomContentContainer(): void;
+    styleMainContainer(): void;
+    styleShadowElements(): void;
+    styleShadowTopElement(): void;
+    styleShadowBottomElement(): void;
+    styleButtonsContainer(): void;
+    styleTopContainer(): void;
+    styleBottomContainer(): void;
+    styleContentTitle(): void;
+    styleLike(): void;
+    styleShare(): void;
+    styleCta(): void;
+    initializeElements(): void;
+    appendShadowElements(): void;
+    createButtonElement(options: ButtonElementOptions): BlazeButton;
+    configureShareModal(): void;
+    configureButtons(): void;
+    appendButtonsContainer(): void;
+    handleMobileSpecificFeatures(): void;
+    configureContentTitle(): void;
+    appendBottomContainer(): void;
+    createPlayPauseButton(): void;
+    setModal(modal: BlazeWidgetMomentModal): void;
+    onVisibilityChange(): void;
+    onBlur(): void;
+    onFocus(): void;
+    onContentClick(): void;
+    onMuteUnmuteChange(): void;
+    updatePlayerButtonIcons(): void;
+    handleOnShareClick(): Promise<void>;
+    onShareModalButtonClick(shareButton: BlazeShareButton): Promise<void>;
+    loadMoments(): Promise<void>;
+    load(loadingType?: 'direct' | 'cache'): Promise<void>;
+    unload(): Promise<void>;
+    playToggle(): void;
+    handleOnMuteUnmuteToggle(): void;
+    setData(data: IMoment | null): void;
+    updateData(data: IMoment): void;
+    updateContentTitle(title: string): void;
+    updateLikeCount(likes?: number): void;
+    updateCta(cta: ICTA): void;
+    onCtaClick(event: Event): void;
+    play(): void;
+    handleOnClose(): void;
+    handleOnLikeClick(): void;
+    pause(): void;
+    resume(): void;
+    resetPosition(): void;
+    resetLayout(): void;
+    restartVideo(): void;
+    adjustAdView(): void;
+    event(): void;
+    getRefferingObject(): undefined;
+    adjustStylesForDevice(): void;
+    render(): void;
+}
+export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
+    parentWidget: HTMLElement;
+    playerLayout: StoryPlayerStyle;
+    onOpen?: () => void;
+    onClose?: (options?: ISmoothOpenCloseModal) => void;
+    onStoryChange?: (mode: ContentDirection) => void;
+    boundOnResizeEventDelay: (this: Window, ev: UIEvent) => void;
+    boundOnKeyDown: (ev: KeyboardEvent) => void;
+    constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleOnStoryChange(mode: ContentDirection): void;
+    setTheme(theme: IWidgetTheme): void;
+    setModalContent(stories: IStory[], defaultAdsInfo?: IAdInfo): void;
+    onKeyDown(ev: KeyboardEvent): void;
+    close(): void;
+    open(options?: ISmoothOpenCloseModal): void;
+    play(): void;
+    render(): void;
+    playToggleCurrentStory(): void;
+    onResize(): void;
+    onResizeEventDelay(): void;
+}
+export declare class BlazeWidgetStoryPlayer extends WidgetAbstractPlayer {
+    onStoryChange?: (mode: ContentDirection) => void;
+    boundOnKeyDown: (event: KeyboardEvent) => Promise<void>;
+    backgroundAnimation?: Animation;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    setupEventListeners(): void;
+    applyStyles(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    setContent(content: BlazeWidgetStory[]): void;
+    onFocus(): void;
+    handleMoveSwipe(ev: HammerInput): void;
+    handleEndSwipe(ev: HammerInput): void;
+    handlePrevDirection(): void;
+    handleNextDirection(): void;
+    resetStyles(): void;
+    play(options?: ISmoothOpenCloseModal): void;
+    loadAndPlayContent(): Promise<void>;
+    handleAnimationCompletion(content: BlazeWidgetStory, mode: ContentDirection): void;
+    createAnimation(content: BlazeWidgetStory, direction: ContentDirection, targetIndex: number): anime.AnimeTimelineInstance;
+    handleAnimationStart(content: BlazeWidgetStory, targetContent: BlazeWidgetStory, direction: ContentDirection): void;
+    closeWithAnimation(direction: Direction): void;
+    onKeyDown(event: KeyboardEvent): false | undefined;
+    render(): void;
+    loadContentBatch(): void;
+    playToggleCurrentStory(): void;
+}
+export declare class BlazeWidgetStory extends BlazeWidgetContent {
     playerStyle: StoryPlayerStyle;
     mode: ScreenMode;
-    pages: BlazeWidgetStoryBase[];
+    pages: BlazeWidgetVideoBase[];
     data: IStory;
-    shareModal?: BlazeWidgetShareModal;
-    ctaModal?: BlazeWidgetCtaModal;
+    shareModal: BlazeWidgetShareModal | undefined;
     isStoryLoadCompletedTriggered: boolean;
     isStoryActive: boolean;
     isResumeOnFocusExecuted: boolean;
+    refWidget: BlazeWidgetStory[] | undefined;
+    ctaModal: BlazeWidgetCtaModal;
     isCtaWasClickedOrSwiped: boolean;
-    refWidget?: BlazeWidgetStory[];
     refPlayer?: BlazeWidgetStoryPlayer;
     refPlayerModal?: BlazeWidgetStoryModal;
     pageIndex: number;
+    type: string;
     container: HTMLElement;
     progressElement: HTMLElement;
     onPageStart?: () => void;
@@ -3074,10 +3113,10 @@ export declare class BlazeWidgetStory extends HTMLElement {
     fullScreenElement?: BlazeButton;
     topContainer: BlazeDiv;
     bottomContainer: BlazeDiv;
-    storyContentWrapper: BlazeDiv;
-    storyTitle: BlazeDiv;
-    storyPublishedDate: BlazeDiv;
-    storyLiveChip: BlazeDiv;
+    contentWrapper: BlazeDiv;
+    contentTitle: BlazeDiv;
+    contentPublishedDate: BlazeDiv;
+    contentChip: BlazeDiv;
     bottomButtonsWrapper: BlazeDiv;
     ctaButtonElement: BlazeCtaButton;
     prevPageButton?: BlazeButton;
@@ -3085,18 +3124,11 @@ export declare class BlazeWidgetStory extends HTMLElement {
     prevStoryButton?: BlazeButton;
     nextStoryButton?: BlazeButton;
     resumeAfterBlurButton?: BlazeButton;
-    widgetParent: BlazeWidgetItem;
     playCallback: any;
     sessionId: string;
-    startTrigger: 'Embedded Player in Viewport' | 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
-    exitTrigger: 'Swipe' | 'Swipe Down' | 'Swipe Up' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
-    navigationType: 'Automatic' | 'Manual' | undefined;
-    navigationDirection: 'Forwards' | 'Backwards' | undefined;
     resumeAfterfocus: boolean;
     totalPlayStopwatch: Stopwatch;
-    listeners: EventsListener;
     shadowTopElement: HTMLDivElement;
-    isNavigationPending: boolean;
     navigationTimeout: NodeJS.Timeout | null;
     lastPageIndexToResume: number;
     elementsToHideOnWebAds: (HTMLElement | undefined)[];
@@ -3104,33 +3136,32 @@ export declare class BlazeWidgetStory extends HTMLElement {
     longPressHandler?: LongPressHandler;
     originalNextPageDesktopClickListener: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
     restartStoryOnClickEvent: ((event: MouseEvent) => void) | undefined;
+    requestAnimationId: number | null;
     constructor(playerStyle: StoryPlayerStyle, mode: ScreenMode);
     private isButtonVisible;
     private createPlayerButtonsAndAppendToButtonsContainer;
     private createNavigationButtonsAndAppendToWidgetStoryContainer;
     private applyIconStyle;
     onShareClick(): Promise<void>;
-    updateCtaButtonLayout(): void;
-    updateChip(): void;
+    private updateCtaButtonLayout;
+    private updateChip;
     setTheme(storyPlayerStyle: StoryPlayerStyle): void;
-    setButtonNavigationAsDisabled(buttonType: ButtonType): void;
+    private setButtonNavigationAsDisabled;
     adjustAdView(): void;
-    setPlayerButtonPosition(state: 'AD' | 'NO_AD'): void;
+    private setPlayerButtonPosition;
     updatePlayerButtonIcons(): void;
-    handleCtaAction(event: Event, gestureType: 'Swipe Up' | 'CTA Click'): boolean;
+    private handleCtaAction;
     playToggle(options?: {
         customIsPlaying?: boolean;
     }): void;
     muteToggle(): boolean;
-    setWidgetParent(parent: BlazeWidgetItem): void;
     resetStoryLocationIndexToLastUnseen(): void;
     setData(data: any): void;
-    get currentPage(): BlazeWidgetStoryBase;
-    get nextPage(): BlazeWidgetStoryBase;
-    get prevPage(): BlazeWidgetStoryBase;
+    get currentPage(): BlazeWidgetVideoBase;
+    get nextPage(): BlazeWidgetVideoBase;
+    get prevPage(): BlazeWidgetVideoBase;
     prefetchNeighbours(distance?: number): void;
     loadStoryPostersByDistance(distance: number): void;
-    loadFirstVideo(): void;
     revertNextPageButtonToPreviousAction(): void;
     displayRestartStoryButton(): void;
     playPage(pageIndexToPlayNext: number): void;
@@ -3146,6 +3177,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     updateContainerLayout(): void;
     connectedCallback(): void;
     onShareModalClose(): void;
+    updateStoryProgress(): void;
     onShareModalButtonClick(shareButton: BlazeShareButton): Promise<void>;
     onVisibilityChange(): void;
     onBlur(): void;
@@ -3162,7 +3194,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     goPrevPage(): void;
     disconnectedCallback(): void;
     updateCTAButtonPosition(): void;
-    renderCtaButton(pageIndex: number): void;
+    updateCta(pageIndex?: number): void;
     updatePlayerButtonsState(displayPageNavigationButtons?: boolean): void;
     updateButtonState(buttonType: ButtonNavigation, button: BlazeButton | undefined): void;
     isNavigationButtonActive(navigationType: ButtonNavigation): boolean;
@@ -3175,6 +3207,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     updatePlayerContentOrder(): void;
     updatePlayerLocaleDirection(): void;
     displayExitButtonOnMobileTablet(): void;
+    resetLayout(): void;
     render(): void;
     onExpandClick(): void;
 }