zarebin-player-library 1.0.30 → 1.0.32

package/dist/src/videoPlayerLibrary/shared/helpers/helpers.d.ts

@@ -1,5 +1,6 @@
 import { BookmarkCategory, VideoNumberTypeEnum } from '../interfaces/enums';
 import { default as View360 } from '@egjs/view360';
+import { Ad } from '../interfaces';
 export declare const wait: (s: number) => Promise<unknown>;
 export declare const getRemainingTime: (timestamp: number) => string;
 export declare const compare: (a: any, b: any) => 0 | 1 | -1;
@@ -85,3 +86,5 @@ export declare const sortLanguages: (array: any) => any;
 export declare const hexToRGB: (hex: string, alpha?: number) => string;
 export declare const checkIsOnPremise: (baseUrl: string) => string;
 export declare const handle360: () => Promise<View360>;
+export declare const providerHandler: (ignoreSendProvider?: boolean) => string | undefined;
+export declare const getRandomAd: (ads: Ad[]) => Ad;

package/dist/src/videoPlayerLibrary/shared/images/importImages.d.ts

@@ -75,5 +75,6 @@ declare const IMAGES: {
     gameOverMagenta: string;
     gameOverBlue: string;
     medal: string;
+    muteBlack: string;
 };
 export default IMAGES;

package/dist/src/videoPlayerLibrary/shared/interfaces/enums.d.ts

@@ -31,7 +31,8 @@ export declare const enum zIndex {
     maxPopover = 1000005,
     videoPlayerInPictureInPicture = 1000006,
     trailer = 1000007,
-    commentAnswer = 1000008
+    commentAnswer = 1000008,
+    ad = 1000001
 }
 export declare const enum ContentTypes {
     Vod = 0,
@@ -309,6 +310,7 @@ export declare const enum ConditionName {
     handleOverflowHidden = "handleOverflowHidden",
     thresholdOnlineViewers = "thresholdOnlineViewers",
     setSubtitleFirstPlay = "setSubtitleFirstPlay",
+    hasAd = "hasAd",
     showQuizPopover = "showQuizPopover",
     showUserStatus = "showUserStatus",
     isQuizStatusEqual1 = "isQuizStatusEqual1",

package/dist/src/videoPlayerLibrary/shared/interfaces/interfaces.d.ts

@@ -91,6 +91,10 @@ export interface IParams {
     uuid?: string;
     handleRedirectCards?: (id: string, type: string) => void;
     homeButtonClickFlag?: number | null;
+    ad?: {
+        adUserId: string;
+        onAdView?: () => void;
+    } | undefined;
     redirectOnEndedUrl?: string;
     lang?: "ar" | "fa" | "en";
 }
@@ -359,6 +363,7 @@ export interface IControllerSlice {
     isClickInnerCard: boolean;
     loadedFragmentsCount: number[];
     isViewChangeIn360: boolean;
+    firstMute: boolean;
 }
 export interface IPopoversSlice {
     markersListPopover: boolean;
@@ -430,6 +435,7 @@ export interface IVideoDataSlice {
     showScreen: boolean;
     trailer: any[];
     hlsLiveSyncPosition: number;
+    adData: Ad | undefined;
 }
 export interface ISubtitle {
     id: number;
@@ -1129,3 +1135,16 @@ export interface ICommentSettingsPopoverProps {
         y: number;
     };
 }
+export type Ad = {
+    id: number;
+    url: string;
+    ad_link: string;
+    play_weight: number;
+    mandatory_play_time: number;
+    channel: number;
+    banner?: string;
+    video_id?: number;
+    user_id?: number;
+    content_id?: number;
+    content_type?: number;
+};

package/dist/src/videoPlayerLibrary/shared/redux/slices/controllerSlice.d.ts

@@ -28,6 +28,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setIsAutoPlay: (state: {
         play: boolean;
@@ -56,6 +57,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setDuration: (state: {
         play: boolean;
@@ -84,6 +86,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<number>) => void;
     setCurrentTime: (state: {
         play: boolean;
@@ -112,6 +115,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<number>) => void;
     setMouseMoveTime: (state: {
         play: boolean;
@@ -140,6 +144,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<number>) => void;
     setManualQuality: (state: {
         play: boolean;
@@ -168,6 +173,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<number | undefined>) => void;
     setAutoQuality: (state: {
         play: boolean;
@@ -196,6 +202,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<number | undefined>) => void;
     setQualityLevels: (state: {
         play: boolean;
@@ -224,6 +231,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<any[]>) => void;
     setQualityBitrates: (state: {
         play: boolean;
@@ -252,6 +260,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<string[]>) => void;
     setActiveElements: (state: {
         play: boolean;
@@ -280,6 +289,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setIsLive: (state: {
         play: boolean;
@@ -308,6 +318,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setIsLoading: (state: {
         play: boolean;
@@ -336,6 +347,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setIsFullScreen: (state: {
         play: boolean;
@@ -364,6 +376,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setBufferedTimeWidth: (state: {
         play: boolean;
@@ -392,6 +405,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<number>) => void;
     setFirstPlay: (state: {
         play: boolean;
@@ -420,6 +434,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setHlsLivePosition: (state: {
         play: boolean;
@@ -448,6 +463,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<any>) => void;
     setActivePointerProgressBar: (state: {
         play: boolean;
@@ -476,6 +492,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setDelayTurnOffControlbar: (state: {
         play: boolean;
@@ -504,6 +521,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setCanPlayVideo: (state: {
         play: boolean;
@@ -532,6 +550,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setLock: (state: {
         play: boolean;
@@ -560,6 +579,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setIsEnded: (state: {
         play: boolean;
@@ -588,6 +608,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setTooltipTime: (state: {
         play: boolean;
@@ -616,6 +637,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<number>) => void;
     setShowMiniPlayer: (state: {
         play: boolean;
@@ -644,6 +666,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean | undefined>) => void;
     setIsClickInnerCard: (state: {
         play: boolean;
@@ -672,6 +695,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setLoadedFragmentsCount: (state: {
         play: boolean;
@@ -700,6 +724,7 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<number[]>) => void;
     setIsViewChangeIn360: (state: {
         play: boolean;
@@ -728,9 +753,39 @@ export declare const controllerSlice: import('@reduxjs/toolkit').Slice<IControll
         isClickInnerCard: boolean;
         loadedFragmentsCount: number[];
         isViewChangeIn360: boolean;
+        firstMute: boolean;
+    }, action: PayloadAction<boolean>) => void;
+    setFirstMute: (state: {
+        play: boolean;
+        isAutoPlay: boolean;
+        duration: number;
+        currentTime: number;
+        mouseMoveTime: number;
+        qualityLevels: number[];
+        qualityBitrates: string[];
+        manualQuality?: number | undefined;
+        autoQuality?: number | undefined;
+        activeElements: boolean;
+        isLive: boolean;
+        isLoading: boolean;
+        isFullScreen: boolean;
+        bufferedTimeWidth: number;
+        firstPlay: boolean;
+        hlsLiveSyncPosition: number;
+        activePointerProgressBar: boolean;
+        delayTurnOffControlbar: boolean;
+        canPlayVideo: boolean;
+        lock: boolean;
+        isEnded: boolean;
+        tooltipTime: number;
+        showMiniPlayer?: boolean | undefined;
+        isClickInnerCard: boolean;
+        loadedFragmentsCount: number[];
+        isViewChangeIn360: boolean;
+        firstMute: boolean;
     }, action: PayloadAction<boolean>) => void;
     setClearControllerSlice: () => IControllerSlice;
 }, "controller", "controller", import('@reduxjs/toolkit').SliceSelectors<IControllerSlice>>;
-export declare const setPlay: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setPlay">, setIsAutoPlay: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsAutoPlay">, setDuration: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setDuration">, setCurrentTime: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setCurrentTime">, setMouseMoveTime: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setMouseMoveTime">, setQualityLevels: import('@reduxjs/toolkit').ActionCreatorWithPayload<any[], "controller/setQualityLevels">, setQualityBitrates: import('@reduxjs/toolkit').ActionCreatorWithPayload<string[], "controller/setQualityBitrates">, setAutoQuality: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<number | undefined, "controller/setAutoQuality">, setActiveElements: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setActiveElements">, setIsLive: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsLive">, setIsLoading: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsLoading">, setIsFullScreen: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsFullScreen">, setBufferedTimeWidth: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setBufferedTimeWidth">, setFirstPlay: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setFirstPlay">, setHlsLivePosition: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "controller/setHlsLivePosition">, setActivePointerProgressBar: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setActivePointerProgressBar">, setDelayTurnOffControlbar: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setDelayTurnOffControlbar">, setManualQuality: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<number | undefined, "controller/setManualQuality">, setCanPlayVideo: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setCanPlayVideo">, setLock: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setLock">, setIsEnded: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsEnded">, setTooltipTime: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setTooltipTime">, setShowMiniPlayer: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<boolean | undefined, "controller/setShowMiniPlayer">, setIsClickInnerCard: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsClickInnerCard">, setLoadedFragmentsCount: import('@reduxjs/toolkit').ActionCreatorWithPayload<number[], "controller/setLoadedFragmentsCount">, setIsViewChangeIn360: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsViewChangeIn360">, setClearControllerSlice: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"controller/setClearControllerSlice">;
+export declare const setPlay: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setPlay">, setIsAutoPlay: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsAutoPlay">, setDuration: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setDuration">, setCurrentTime: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setCurrentTime">, setMouseMoveTime: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setMouseMoveTime">, setQualityLevels: import('@reduxjs/toolkit').ActionCreatorWithPayload<any[], "controller/setQualityLevels">, setQualityBitrates: import('@reduxjs/toolkit').ActionCreatorWithPayload<string[], "controller/setQualityBitrates">, setAutoQuality: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<number | undefined, "controller/setAutoQuality">, setActiveElements: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setActiveElements">, setIsLive: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsLive">, setIsLoading: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsLoading">, setIsFullScreen: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsFullScreen">, setBufferedTimeWidth: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setBufferedTimeWidth">, setFirstPlay: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setFirstPlay">, setHlsLivePosition: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "controller/setHlsLivePosition">, setActivePointerProgressBar: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setActivePointerProgressBar">, setDelayTurnOffControlbar: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setDelayTurnOffControlbar">, setManualQuality: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<number | undefined, "controller/setManualQuality">, setCanPlayVideo: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setCanPlayVideo">, setLock: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setLock">, setIsEnded: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsEnded">, setTooltipTime: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "controller/setTooltipTime">, setShowMiniPlayer: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<boolean | undefined, "controller/setShowMiniPlayer">, setIsClickInnerCard: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsClickInnerCard">, setLoadedFragmentsCount: import('@reduxjs/toolkit').ActionCreatorWithPayload<number[], "controller/setLoadedFragmentsCount">, setIsViewChangeIn360: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setIsViewChangeIn360">, setFirstMute: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "controller/setFirstMute">, setClearControllerSlice: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"controller/setClearControllerSlice">;
 declare const _default: import('redux').Reducer<IControllerSlice>;
 export default _default;

package/dist/src/videoPlayerLibrary/shared/redux/slices/videoDataSlice.d.ts

@@ -1,5 +1,5 @@
-import { IDetails, IMarker, IPlayList, IVideoDataSlice, IVideoElementSizeInfo, IWebListConfig } from '../../interfaces';
+import { Ad, IDetails, IMarker, IPlayList, IVideoDataSlice, IVideoElementSizeInfo, IWebListConfig } from '../../interfaces';
 export declare const VideoDataSliceState: IVideoDataSlice;
-export declare const setInfo: import('@reduxjs/toolkit').ActionCreatorWithPayload<IDetails, "videoData/setInfo">, setPlayerParams: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setPlayerParams">, setStreamLinkParams: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "videoData/setStreamLinkParams">, setMarkers: import('@reduxjs/toolkit').ActionCreatorWithPayload<IMarker[], "videoData/setMarkers">, setLiveId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "videoData/setLiveId">, setVodId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "videoData/setVodId">, setOnlineViewers: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setOnlineViewers">, setQuestion: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setQuestion">, setSelectedOptionId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number | null, "videoData/setSelectedOptionId">, setEmojis: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setEmojis">, setAlternative_Lives: import('@reduxjs/toolkit').ActionCreatorWithPayload<number[], "videoData/setAlternative_Lives">, setConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setConfig">, setIsLiveError: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsLiveError">, setEmojiList1: import('@reduxjs/toolkit').ActionCreatorWithPayload<string[], "videoData/setEmojiList1">, setEmojiList2: import('@reduxjs/toolkit').ActionCreatorWithPayload<string[], "videoData/setEmojiList2">, setGif: import('@reduxjs/toolkit').ActionCreatorWithPayload<string | null, "videoData/setGif">, setErrorType: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<string | undefined, "videoData/setErrorType">, setMultiLives: import('@reduxjs/toolkit').ActionCreatorWithPayload<any[], "videoData/setMultiLives">, setMultiAudio: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setMultiAudio">, setSelectedAudioId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "videoData/setSelectedAudioId">, setSubtitles: import('@reduxjs/toolkit').ActionCreatorWithPayload<TextTrack[], "videoData/setSubtitles">, setSelectedSubtitle: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setSelectedSubtitle">, setSubtitleText: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "videoData/setSubtitleText">, setIsComplexPortrait: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsComplexPortrait">, setIsComplexDesktop: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsComplexDesktop">, setVideoElementSizeInfo: import('@reduxjs/toolkit').ActionCreatorWithPayload<IVideoElementSizeInfo, "videoData/setVideoElementSizeInfo">, setRecommendationList: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setRecommendationList">, setToken: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "videoData/setToken">, setIsFetchDetails: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsFetchDetails">, setIsValidAddress: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsValidAddress">, setPlayList: import('@reduxjs/toolkit').ActionCreatorWithPayload<IPlayList[], "videoData/setPlayList">, setVideoTimelines: import('@reduxjs/toolkit').ActionCreatorWithPayload<number[], "videoData/setVideoTimelines">, setWebListConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<IWebListConfig[], "videoData/setWebListConfig">, setChartPoints: import('@reduxjs/toolkit').ActionCreatorWithPayload<number[], "videoData/setChartPoints">, setIsReady: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsReady">, setClearVideoDataSlice: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"videoData/setClearVideoDataSlice">, setShowScreen: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setShowScreen">, setTrailer: import('@reduxjs/toolkit').ActionCreatorWithPayload<any[], "videoData/setTrailer">;
+export declare const setInfo: import('@reduxjs/toolkit').ActionCreatorWithPayload<IDetails, "videoData/setInfo">, setPlayerParams: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setPlayerParams">, setStreamLinkParams: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "videoData/setStreamLinkParams">, setMarkers: import('@reduxjs/toolkit').ActionCreatorWithPayload<IMarker[], "videoData/setMarkers">, setLiveId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "videoData/setLiveId">, setVodId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "videoData/setVodId">, setOnlineViewers: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setOnlineViewers">, setQuestion: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setQuestion">, setSelectedOptionId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number | null, "videoData/setSelectedOptionId">, setEmojis: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setEmojis">, setAlternative_Lives: import('@reduxjs/toolkit').ActionCreatorWithPayload<number[], "videoData/setAlternative_Lives">, setConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setConfig">, setIsLiveError: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsLiveError">, setEmojiList1: import('@reduxjs/toolkit').ActionCreatorWithPayload<string[], "videoData/setEmojiList1">, setEmojiList2: import('@reduxjs/toolkit').ActionCreatorWithPayload<string[], "videoData/setEmojiList2">, setGif: import('@reduxjs/toolkit').ActionCreatorWithPayload<string | null, "videoData/setGif">, setErrorType: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<string | undefined, "videoData/setErrorType">, setMultiLives: import('@reduxjs/toolkit').ActionCreatorWithPayload<any[], "videoData/setMultiLives">, setMultiAudio: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setMultiAudio">, setSelectedAudioId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "videoData/setSelectedAudioId">, setSubtitles: import('@reduxjs/toolkit').ActionCreatorWithPayload<TextTrack[], "videoData/setSubtitles">, setSelectedSubtitle: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setSelectedSubtitle">, setSubtitleText: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "videoData/setSubtitleText">, setIsComplexPortrait: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsComplexPortrait">, setIsComplexDesktop: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsComplexDesktop">, setVideoElementSizeInfo: import('@reduxjs/toolkit').ActionCreatorWithPayload<IVideoElementSizeInfo, "videoData/setVideoElementSizeInfo">, setRecommendationList: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "videoData/setRecommendationList">, setToken: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "videoData/setToken">, setIsFetchDetails: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsFetchDetails">, setIsValidAddress: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsValidAddress">, setPlayList: import('@reduxjs/toolkit').ActionCreatorWithPayload<IPlayList[], "videoData/setPlayList">, setVideoTimelines: import('@reduxjs/toolkit').ActionCreatorWithPayload<number[], "videoData/setVideoTimelines">, setWebListConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<IWebListConfig[], "videoData/setWebListConfig">, setChartPoints: import('@reduxjs/toolkit').ActionCreatorWithPayload<number[], "videoData/setChartPoints">, setIsReady: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setIsReady">, setClearVideoDataSlice: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"videoData/setClearVideoDataSlice">, setShowScreen: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "videoData/setShowScreen">, setTrailer: import('@reduxjs/toolkit').ActionCreatorWithPayload<any[], "videoData/setTrailer">, setAdData: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<Ad | undefined, "videoData/setAdData">;
 declare const _default: import('redux').Reducer<IVideoDataSlice>;
 export default _default;

package/dist/src/videoPlayerLibrary/shared/services/services.d.ts

@@ -1,6 +1,7 @@
 export declare const API: () => {
     Ad: {
         getVast: string;
+        list: (user_id: number, v?: string) => string;
     };
     live: {
         anonListConfigs: string;

package/dist/src/videoPlayerLibrary/shared/ui/src/components/advertisement/Advertisement.d.ts

@@ -0,0 +1,2 @@
+declare const Advertisement: () => import("react/jsx-runtime").JSX.Element;
+export default Advertisement;

package/dist/src/videoPlayerLibrary/shared/ui/src/components/advertisement/MoreInfoButton.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    link: string;
+    currentTime: number;
+}
+declare const MoreInfoButton: ({ link }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default MoreInfoButton;

package/dist/src/videoPlayerLibrary/shared/ui/src/components/advertisement/ProgressBar.d.ts

@@ -0,0 +1,6 @@
+interface ProgressBarProps {
+    progress: number;
+    buffered: number;
+}
+declare const ProgressBar: ({ progress, buffered }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/dist/src/videoPlayerLibrary/shared/ui/src/components/advertisement/SkipButton.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    skipCounter: number | null;
+    currentTime: number;
+}
+declare const SkipButton: ({ skipCounter }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SkipButton;

package/dist/src/videoPlayerLibrary/shared/ui/src/components/advertisement/UnMuteVideo.d.ts

@@ -0,0 +1,4 @@
+declare const UnMuteVideo: ({ advertisement }: {
+    advertisement?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UnMuteVideo;

package/dist/src/videoPlayerLibrary/shared/ui/src/components/advertisement/VideoControls.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    progress: number;
+    buffered: number;
+    duration: number;
+    currentTime: number;
+    showControls: boolean;
+}
+declare const VideoControls: ({ progress, buffered, duration, currentTime, showControls }: Props) => import("react/jsx-runtime").JSX.Element;
+export default VideoControls;

package/dist/src/videoPlayerLibrary/shared/ui/src/components/advertisement/hooks/useControlsVisibility.d.ts

@@ -0,0 +1,5 @@
+declare const useControlsVisibility: (isPaused: boolean) => {
+    showControls: boolean;
+    resetTimer: (delay?: number) => void;
+};
+export default useControlsVisibility;

package/dist/src/videoPlayerLibrary/shared/ui/src/components/advertisement/hooks/useVideoControls.d.ts

@@ -0,0 +1,14 @@
+import { Ad } from '../../../../../interfaces';
+interface UseVideoControlsResult {
+    progress: number;
+    buffered: number;
+    currentTime: number;
+    duration: number;
+    firstPlay: boolean;
+    setFirstPlay: React.Dispatch<React.SetStateAction<boolean>>;
+    isPaused: boolean;
+    skipCounter: number | null;
+    hasSkip: boolean;
+}
+declare const useVideoControls: (ad?: Ad, params?: any) => UseVideoControlsResult;
+export default useVideoControls;

package/dist/zarebin-player-library.css

@@ -11056,6 +11056,8 @@ video {
     position: relative !important;
 }.pl-relative{
     position: relative;
+}.pl-inset-0{
+    inset: 0px;
 }.\!pl-bottom-0{
     bottom: 0px !important;
 }.\!pl-bottom-\[10px\]{
@@ -11072,6 +11074,8 @@ video {
     left: 0px !important;
 }.\!pl-left-10{
     left: 2.5rem !important;
+}.\!pl-left-8{
+    left: 2rem !important;
 }.\!pl-right-0{
     right: 0px !important;
 }.\!pl-right-\[-10px\]{
@@ -11138,8 +11142,12 @@ video {
     bottom: 45px;
 }.pl-bottom-\[50px\]{
     bottom: 50px;
+}.pl-bottom-\[56px\]{
+    bottom: 56px;
 }.pl-bottom-\[60px\]{
     bottom: 60px;
+}.pl-bottom-\[66px\]{
+    bottom: 66px;
 }.pl-bottom-\[75px\]{
     bottom: 75px;
 }.pl-bottom-auto{
@@ -11158,6 +11166,8 @@ video {
     left: 0.5rem;
 }.pl-left-3{
     left: 0.75rem;
+}.pl-left-6{
+    left: 1.5rem;
 }.pl-left-9{
     left: 2.25rem;
 }.pl-left-\[160px\]{
@@ -11264,6 +11274,10 @@ video {
     z-index: 1000;
 }.pl-z-\[1\]{
     z-index: 1;
+}.pl-z-\[2\]{
+    z-index: 2;
+}.pl-z-\[3\]{
+    z-index: 3;
 }.pl-order-1{
     order: 1;
 }.pl-order-2{
@@ -11490,6 +11504,20 @@ video {
     aspect-ratio: 1 / 1;
 }.pl-aspect-video{
     aspect-ratio: 16 / 9;
+}.pl-size-4{
+    width: 1rem;
+    height: 1rem;
+}.pl-size-6{
+    width: 1.5rem;
+    height: 1.5rem;
+}.pl-size-full{
+    width: 100%;
+    height: 100%;
+}.pl-size-max{
+    width: -moz-max-content;
+    width: max-content;
+    height: -moz-max-content;
+    height: max-content;
 }.\!pl-h-5{
     height: 1.25rem !important;
 }.\!pl-h-6{
@@ -11919,10 +11947,14 @@ video {
     grid-template-columns: repeat(4, minmax(0, 1fr));
 }.pl-flex-row{
     flex-direction: row;
+}.\!pl-flex-row-reverse{
+    flex-direction: row-reverse !important;
 }.pl-flex-row-reverse{
     flex-direction: row-reverse;
 }.pl-flex-col{
     flex-direction: column;
+}.\!pl-flex-col-reverse{
+    flex-direction: column-reverse !important;
 }.pl-flex-col-reverse{
     flex-direction: column-reverse;
 }.pl-flex-wrap{
@@ -11931,6 +11963,8 @@ video {
     flex-wrap: nowrap;
 }.pl-content-center{
     align-content: center;
+}.\!pl-items-start{
+    align-items: flex-start !important;
 }.pl-items-start{
     align-items: flex-start;
 }.\!pl-items-end{
@@ -11947,10 +11981,14 @@ video {
     justify-content: flex-end;
 }.pl-justify-center{
     justify-content: center;
+}.\!pl-justify-between{
+    justify-content: space-between !important;
 }.pl-justify-between{
     justify-content: space-between;
 }.pl-justify-around{
     justify-content: space-around;
+}.\!pl-gap-0{
+    gap: 0px !important;
 }.pl-gap-0\.5{
     gap: 0.125rem;
 }.pl-gap-1{
@@ -12007,12 +12045,16 @@ video {
     --tw-space-y-reverse: 0;
     margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}.\!pl-self-start{
+    align-self: flex-start !important;
 }.pl-self-start{
     align-self: flex-start;
 }.pl-self-end{
     align-self: flex-end;
 }.pl-self-center{
     align-self: center;
+}.\!pl-self-stretch{
+    align-self: stretch !important;
 }.\!pl-overflow-auto{
     overflow: auto !important;
 }.pl-overflow-auto{
@@ -12083,6 +12125,10 @@ video {
     border-radius: 8px;
 }.pl-rounded-full{
     border-radius: 9999px;
+}.pl-rounded-lg{
+    border-radius: 0.5rem;
+}.pl-rounded-md{
+    border-radius: 0.375rem;
 }.\!pl-rounded-b-none{
     border-bottom-right-radius: 0px !important;
     border-bottom-left-radius: 0px !important;
@@ -12338,6 +12384,9 @@ video {
 }.pl-bg-gray-300{
     --tw-bg-opacity: 1;
     background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
+}.pl-bg-gray-500{
+    --tw-bg-opacity: 1;
+    background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
 }.pl-bg-gray-800{
     --tw-bg-opacity: 1;
     background-color: rgb(21 21 21 / var(--tw-bg-opacity, 1));
@@ -12372,6 +12421,9 @@ video {
     background-color: rgb(101 31 255 / 0.1);
 }.pl-bg-orange-100\/\[0\.4\]{
     background-color: rgb(241 95 34 / 0.4);
+}.pl-bg-primary-500{
+    --tw-bg-opacity: 1;
+    background-color: rgb(80 165 255 / var(--tw-bg-opacity, 1));
 }.pl-bg-primary-600{
     --tw-bg-opacity: 1;
     background-color: rgb(124 142 255 / var(--tw-bg-opacity, 1));
@@ -12454,6 +12506,10 @@ video {
 }.pl-bg-z-secondary-100{
     --tw-bg-opacity: 1;
     background-color: rgb(219 221 222 / var(--tw-bg-opacity, 1));
+}.pl-bg-z-secondary-100\/\[0\.4\]{
+    background-color: rgb(219 221 222 / 0.4);
+}.pl-bg-z-secondary-50\/\[0\.4\]{
+    background-color: rgb(250 250 250 / 0.4);
 }.pl-bg-z-secondary-600{
     --tw-bg-opacity: 1;
     background-color: rgb(87 88 90 / var(--tw-bg-opacity, 1));
@@ -12541,6 +12597,8 @@ video {
     padding: 0px !important;
 }.pl-p-0{
     padding: 0px;
+}.pl-p-0\.5{
+    padding: 0.125rem;
 }.pl-p-1{
     padding: 0.25rem;
 }.pl-p-1\.5{
@@ -12764,6 +12822,8 @@ video {
     padding-top: 2.5px;
 }.pl-pt-\[2px\]{
     padding-top: 2px;
+}.pl-pt-\[30px\]{
+    padding-top: 30px;
 }.pl-pt-\[8px\]{
     padding-top: 8px;
 }.pl-text-left{
@@ -12810,6 +12870,9 @@ video {
     font-size: 8px;
 }.pl-text-\[9px\]{
     font-size: 9px;
+}.pl-text-xs{
+    font-size: 0.75rem;
+    line-height: 1rem;
 }.\!pl-font-medium{
     font-weight: 500 !important;
 }.pl-font-\[700\]{
@@ -13218,8 +13281,20 @@ video {
         margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
         margin-bottom: calc(0px * var(--tw-space-y-reverse));
     }
-}@media (min-width: 1024px){.lg\:pl-w-\[40\%\]{
+}@media (min-width: 1024px){.lg\:pl-bottom-\[78px\]{
+        bottom: 78px;
+    }.lg\:pl-bottom-\[88px\]{
+        bottom: 88px;
+    }.lg\:pl-h-10{
+        height: 2.5rem;
+    }.lg\:pl-h-11{
+        height: 2.75rem;
+    }.lg\:pl-w-\[40\%\]{
         width: 40%;
+    }.lg\:pl-pb-4{
+        padding-bottom: 1rem;
+    }.lg\:pl-text-\[14px\]{
+        font-size: 14px;
     }
 }@media (min-width: 1280px){.xl\:pl-w-\[50\%\]{
         width: 50%;