zarebin-player-library 1.0.31 → 1.0.33

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

@@ -87,4 +87,4 @@ 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 | undefined;
+export declare const getRandomAd: (ads: Ad[]) => Ad;

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,

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

@@ -91,7 +91,10 @@ export interface IParams {
     uuid?: string;
     handleRedirectCards?: (id: string, type: string) => void;
     homeButtonClickFlag?: number | null;
-    ad?: Ad;
+    ad?: {
+        adUserId: string;
+        onAdView?: () => void;
+    } | undefined;
     redirectOnEndedUrl?: string;
     lang?: "ar" | "fa" | "en";
 }
@@ -432,6 +435,7 @@ export interface IVideoDataSlice {
     showScreen: boolean;
     trailer: any[];
     hlsLiveSyncPosition: number;
+    adData: Ad | undefined;
 }
 export interface ISubtitle {
     id: number;

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/SkipButton.d.ts

@@ -1,9 +1,6 @@
-import { Ad, IParams } from '../../../../interfaces';
 interface Props {
-    ad: Ad;
-    params: IParams;
     skipCounter: number | null;
     currentTime: number;
 }
-declare const SkipButton: ({ ad, params, skipCounter }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const SkipButton: ({ skipCounter }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SkipButton;

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

@@ -1,8 +1,4 @@
-interface AdData {
-    url: string;
-    ad_link?: string;
-    mandatory_play_time?: number;
-}
+import { Ad } from '../../../../../interfaces';
 interface UseVideoControlsResult {
     progress: number;
     buffered: number;
@@ -14,5 +10,5 @@ interface UseVideoControlsResult {
     skipCounter: number | null;
     hasSkip: boolean;
 }
-declare const useVideoControls: (ad?: AdData, params?: any) => UseVideoControlsResult;
+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{
@@ -11496,6 +11510,14 @@ video {
 }.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{
@@ -11529,10 +11551,6 @@ video {
     height: 0.25rem;
 }.pl-h-1\.5{
     height: 0.375rem;
-}.pl-h-10{
-    height: 2.5rem;
-}.pl-h-11{
-    height: 2.75rem;
 }.pl-h-12{
     height: 3rem;
 }.pl-h-2{
@@ -11707,8 +11725,6 @@ video {
     width: 0.5rem;
 }.pl-w-2\/3{
     width: 66.666667%;
-}.pl-w-20{
-    width: 5rem;
 }.pl-w-3{
     width: 0.75rem;
 }.pl-w-4{
@@ -11811,8 +11827,6 @@ video {
     width: 65vw;
 }.pl-w-\[71px\]{
     width: 71px;
-}.pl-w-\[72px\]{
-    width: 72px;
 }.pl-w-\[790px\]{
     width: 790px;
 }.pl-w-\[80\%\]{
@@ -11933,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{
@@ -11945,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{
@@ -11961,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{
@@ -12021,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{
@@ -12097,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;
@@ -12352,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));
@@ -12386,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));
@@ -12468,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));
@@ -12555,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{
@@ -12778,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{
@@ -12824,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\]{
@@ -13232,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%;