zarebin-player-library 1.0.0

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+    globalIgnores(["dist"]),
+    {
+        files: ["**/*.{ts,tsx}"],
+        extends: [
+            // Other configs...
+
+            // Remove tseslint.configs.recommended and replace with this
+            tseslint.configs.recommendedTypeChecked,
+            // Alternatively, use this for stricter rules
+            tseslint.configs.strictTypeChecked,
+            // Optionally, add this for stylistic rules
+            tseslint.configs.stylisticTypeChecked,
+
+            // Other configs...
+        ],
+        languageOptions: {
+            parserOptions: {
+                project: ["./tsconfig.node.json", "./tsconfig.app.json"],
+                tsconfigRootDir: import.meta.dirname,
+            },
+            // other options...
+        },
+    },
+]);
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from "eslint-plugin-react-x";
+import reactDom from "eslint-plugin-react-dom";
+
+export default defineConfig([
+    globalIgnores(["dist"]),
+    {
+        files: ["**/*.{ts,tsx}"],
+        extends: [
+            // Other configs...
+            // Enable lint rules for React
+            reactX.configs["recommended-typescript"],
+            // Enable lint rules for React DOM
+            reactDom.configs.recommended,
+        ],
+        languageOptions: {
+            parserOptions: {
+                project: ["./tsconfig.node.json", "./tsconfig.app.json"],
+                tsconfigRootDir: import.meta.dirname,
+            },
+            // other options...
+        },
+    },
+]);
+```

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/videoPlayerLibrary/index'
+export {}

package/dist/src/videoPlayerLibrary/index.d.ts

@@ -0,0 +1 @@
+export { VideoPlayerLibrary } from './videoPlayerLibrary';

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

@@ -0,0 +1,33 @@
+export declare const configs: {
+    status: string;
+    baseUrl: string;
+    driveRestAPI: string;
+    chatBaseUrl: string;
+    GA_MEASUREMENT_ID: string;
+    favIconUrl: string;
+    zarebinUserConfig: string;
+    loginBaseUrl: string;
+    trackerRestAPI: string;
+    aggregatorBaseUrl: string;
+    setAggregatorBaseUrl: string;
+    fluentdUrl: string;
+    loginRedirectUrl: string;
+    cookieKey: string;
+    whiteListTargets: string;
+    whiteListGeneralUrl: string;
+    sendXToken: string;
+    chatAPIBaseUrl: string;
+    zarebinNasle3Url: string;
+    assistant: boolean;
+    initialLoadedFragmentCount: string;
+    filmAndSerialAllowedUsers: string;
+    arabicFilmAndSerialAllowedUsers: string;
+    keshtAllowedUsers: string;
+    keshtBasePath: string;
+    keshtAppName: string;
+    filmAndSerialBasePath: string;
+    hamrahiCloudLanding: string;
+    commentPanel: string;
+    hamrahiLiveBaseUrl: string;
+    onPermise: string;
+};

package/dist/src/videoPlayerLibrary/shared/configs/getDetailsConfigs.d.ts

@@ -0,0 +1,3 @@
+import { IDetailsConfig } from '../interfaces';
+export declare const detailAPI: (id?: number) => string;
+export declare const handleDetailsConfig: (userId?: number) => IDetailsConfig;

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

@@ -0,0 +1 @@
+export declare const conditions: (type: string) => any;

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

@@ -0,0 +1,21 @@
+export declare const allParams: string[];
+export declare const quizConditions: {
+    requireds: string[];
+    optionals: string[];
+};
+export declare const isGeneralConditions: {
+    requireds: string[];
+    optionals: string[];
+};
+export declare const staticConditions: {
+    requireds: string[];
+    optionals: string[];
+};
+export declare const nonStaticConditions: {
+    requireds: string[];
+    optionals: string[];
+};
+export declare const rawConditions: {
+    requireds: string[];
+    optionals: string[];
+};

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

@@ -0,0 +1,10 @@
+export declare const LiveDelay = 6;
+export declare const LiveWindow = 12;
+export declare const videoTag: () => HTMLVideoElement;
+export declare const multiLiveVideo: () => HTMLVideoElement;
+export declare const progressBar: () => any;
+export declare const progressBarWidth: () => number;
+export declare const seenPoll: () => any;
+export declare const livePoll: () => any;
+export declare const popoverHeader: () => HTMLElement | null;
+export declare const otpType = "LOGIN_ANDROID_4";

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

@@ -0,0 +1,14 @@
+import { IEnvironment } from '../interfaces';
+export declare const whiteListTargets: string[];
+export declare const whiteListGeneralUrl: string[];
+export declare const ENVIRONMENT: IEnvironment;
+export declare const activeElementsTime = 3000;
+export declare const showLoaderTime = 3000;
+export declare const livePlayRetryDuration = 3000;
+export declare const RetryCountGeneralDataFetch = 3;
+export declare const RetryTimeDelayGeneralDataFetch = 5;
+export declare const durationWatched = 60;
+export declare const continuousePlaybackIntervalTime = 60000;
+export declare const footerPadding: () => 0 | 64;
+export declare const featureToggle = "ft";
+export declare const sidebarWidth = 357;

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

@@ -0,0 +1,87 @@
+import { BookmarkCategory, VideoNumberTypeEnum } from '../interfaces/enums';
+import { default as View360 } from '@egjs/view360';
+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;
+export declare const handlePageTitle: (title: string) => void;
+export declare const getUUID: () => string;
+export declare const uuidGenerator: () => string;
+export declare const customizeInterval: (timeCount: number, cb: Function) => Promise<void>;
+export declare const isTouchScreen: () => any;
+export declare const isTouchScreenLandscape: () => any;
+export declare const isTouchScreenPortrait: () => any;
+export declare const handleIsComplexDesktop: (isPortrait: boolean) => boolean;
+export declare const isIOS: () => boolean;
+export declare const controllbarIconSize: {
+    miniPlayer: number;
+    miniPlayerFontAwesome: string;
+    other: number;
+    otherFontAwesome: string;
+};
+export declare const addZeroBefore: (n: number) => string;
+export declare const secondsToHMS: (seconds: number) => string;
+export declare const secondsToPersianHMS: (seconds: number) => string[];
+export declare const efficientSecondsToPersianHMS: (seconds: number) => string;
+export declare const staticFormats: (realFormat: string) => false | "mp4" | "webm" | "flv" | "mp3";
+export declare const addUuidToSrc: (src: string) => string;
+export declare const handleSumVotes: (question: any) => number;
+export declare const checkParentTarget: (event: any, target: string) => boolean;
+export declare const unitization: (viewers: number) => {
+    value: number;
+    unit: string;
+};
+export declare const handleNotActiveText: (errorType?: string) => {
+    title: string;
+    description: string;
+} | undefined;
+export declare const isVoted: (qid: number) => any;
+export declare const isSelectedOption: (qid: number, oid: number) => any;
+export declare const appendQueryParamsToChunks: (link: string) => void;
+export declare const inViewPort: (element: any) => "inViewport" | "OutViewPortFromLeft" | "OutViewPortFromRight" | undefined;
+export declare const handleIsComplexPortrait: (params?: any) => any;
+export declare const isFullMobilePortrait: () => boolean;
+export declare const handleRippleCircle: (event: any, id: string) => void;
+export declare const handleRipple: (event: any, id: string, size?: number) => void;
+export declare const utf8_to_b64: (text: string) => string;
+export declare const changeVideoUrl: (videoType?: string, videoId?: number) => string;
+export declare const hasQuestionMark: (text: string) => boolean;
+export declare const responseValidator: (status: number) => boolean;
+export declare const generateNewAccessToken: () => Promise<void>;
+export declare const convertB64ToFile: (dataUrl: string, filename: string) => File;
+export declare const isWhiteListUrl: (url: string) => boolean;
+export declare const parseJwt: (token: string) => any;
+export declare const handlePopoverSizeInMiniPlayer: () => {
+    top: number;
+    height: number;
+    left: number;
+} | {
+    top?: undefined;
+    height?: undefined;
+    left?: undefined;
+};
+export declare const numbersToLetters: string[];
+export declare const handleVideoType: () => VideoNumberTypeEnum.Archive | VideoNumberTypeEnum.Vod | VideoNumberTypeEnum.Clip | VideoNumberTypeEnum.FutureLive;
+export declare const handleHasXTokenParamOrSendXToken: () => {
+    "x-token": string | undefined;
+} | undefined;
+export declare const handleGetBookmarkCategory: (provider?: string) => BookmarkCategory;
+export declare function getWebEnvConfig(key: string): string;
+export declare const getDomainFromUrl: (url: string) => string;
+export declare const clearRedux: () => void;
+export declare const weighted_random: (options: any) => any;
+export declare const convertTimeToSeconds: (time: string) => number;
+export declare const imageFormatChecking: (filename: string) => boolean;
+export declare const handlePageLoadTime: (loadingDurationRef: any) => void;
+export declare const highestResolutionSupported: (resolutions: string[], width: number, height: number) => number;
+export declare const getSubtitleLabel: (subtitleLanguage: string) => string | undefined;
+export declare const getOS: () => string;
+export declare const deleteQueryParamsInUrl: (queryParam: string) => void;
+export declare const handleRedirectCards: (id?: string, type?: string) => void;
+export declare const strToObj: (str: string) => {};
+export declare const hasPermissionToRedirect: (url: string) => void;
+export declare const flattenObject: (input: any, keyName?: string) => any;
+export declare const findIntersectionBetweenTwoArray: (arr1: string[], arr2: string[]) => string[];
+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>;

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

@@ -0,0 +1,13 @@
+export * from './useActiveInActive';
+export * from './useBackButton';
+export * from './useBeforeUnload';
+export * from './useFullScreen';
+export * from './useHandleKeyPress';
+export * from './useHandleParams';
+export * from './useHandleScroll';
+export * from './useIntersect';
+export * from './useKeyPress';
+export * from './useOnClickOutside';
+export * from './useGetData/useGetData';
+export * from './usePingPong';
+export * from './useRouteChange';

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

@@ -0,0 +1,2 @@
+declare const useActiveInActive: (isRightDoubleTouched: boolean, isLeftDoubleTouched: boolean) => void;
+export default useActiveInActive;

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

@@ -0,0 +1,2 @@
+declare const useBackButton: () => void;
+export default useBackButton;

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

@@ -0,0 +1,2 @@
+declare const useBeforeUnload: () => void;
+export default useBeforeUnload;

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

@@ -0,0 +1,2 @@
+declare const useContinuousPlaybackInterval: () => void;
+export default useContinuousPlaybackInterval;

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

@@ -0,0 +1,2 @@
+declare const useFullScreen: () => void;
+export default useFullScreen;

package/dist/src/videoPlayerLibrary/shared/helpers/hooks/useGetData/useGetAggregat.d.ts

@@ -0,0 +1,2 @@
+declare const useGetAggregat: () => void;
+export default useGetAggregat;

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

@@ -0,0 +1,2 @@
+declare const useGetData: () => void;
+export default useGetData;

package/dist/src/videoPlayerLibrary/shared/helpers/hooks/useGetData/useGetDetails.d.ts

@@ -0,0 +1,2 @@
+declare const useGetDetails: () => void;
+export default useGetDetails;

package/dist/src/videoPlayerLibrary/shared/helpers/hooks/useGetData/useGetMarkers.d.ts

@@ -0,0 +1,2 @@
+declare const useGetMarkers: () => void;
+export default useGetMarkers;

package/dist/src/videoPlayerLibrary/shared/helpers/hooks/useGetData/useGetPlayList.d.ts

@@ -0,0 +1,2 @@
+declare const useGetPlayList: () => void;
+export default useGetPlayList;

package/dist/src/videoPlayerLibrary/shared/helpers/hooks/useGetData/useGetProfile.d.ts

@@ -0,0 +1,2 @@
+declare const useGetProfile: () => void;
+export default useGetProfile;

package/dist/src/videoPlayerLibrary/shared/helpers/hooks/useGetData/useGetRecommendationList.d.ts

@@ -0,0 +1,2 @@
+declare const useGetRecommendationList: () => void;
+export default useGetRecommendationList;

package/dist/src/videoPlayerLibrary/shared/helpers/hooks/useGetData/useUserSettings.d.ts

@@ -0,0 +1,2 @@
+declare const useUserSettings: () => void;
+export default useUserSettings;

package/dist/src/videoPlayerLibrary/shared/helpers/hooks/useGetData/useVideoSettings.d.ts

@@ -0,0 +1,2 @@
+declare const useVideoSettings: () => void;
+export default useVideoSettings;

package/dist/src/videoPlayerLibrary/shared/helpers/hooks/useGetData/useWebListConfig.d.ts

@@ -0,0 +1,2 @@
+declare const useWebListConfig: () => void;
+export default useWebListConfig;

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

@@ -0,0 +1,2 @@
+declare const useHandleKeyPress: () => void;
+export default useHandleKeyPress;

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

@@ -0,0 +1,5 @@
+declare const useHandleParams: (query: any) => {
+    requiredsItems: string[];
+    notRequiredsItems: string[];
+};
+export default useHandleParams;

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

@@ -0,0 +1,2 @@
+declare const useHandleScroll: () => void;
+export default useHandleScroll;

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

@@ -0,0 +1,2 @@
+declare const useHandleXToken: (query: any, setIsReady?: (isReady: boolean) => void) => string;
+export default useHandleXToken;

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

@@ -0,0 +1,2 @@
+declare const useHideSubtitle: () => void;
+export default useHideSubtitle;

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

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useIntersect: (callback: (entries: IntersectionObserverEntry[]) => void) => RefObject<HTMLDivElement | null>;
+export default useIntersect;

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

@@ -0,0 +1,2 @@
+declare const useKeyPress: (key: string, cb: any) => void;
+export default useKeyPress;

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

@@ -0,0 +1,12 @@
+import { TouchEvent, Dispatch, SetStateAction } from 'react';
+declare const useLongPress: (scrollElement?: string) => {
+    handleTouchStart: (event: TouchEvent<HTMLDivElement>) => void;
+    handleTouchEnd: () => void;
+    isLongPress: boolean;
+    setIsLongPress: Dispatch<SetStateAction<boolean>>;
+    touchPosition: {
+        x: number;
+        y: number;
+    };
+};
+export default useLongPress;

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

@@ -0,0 +1,3 @@
+import { ChangeEvent, RefObject } from 'react';
+declare const useOnClickOutside: (ref: RefObject<HTMLInputElement>, handler: (event: ChangeEvent<HTMLInputElement>) => void) => void;
+export default useOnClickOutside;

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

@@ -0,0 +1,2 @@
+declare const usePingPong: (qualityLevel?: number) => void;
+export default usePingPong;

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

@@ -0,0 +1,2 @@
+declare const useRouteChange: () => void;
+export default useRouteChange;

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

@@ -0,0 +1,6 @@
+export * from './helpers';
+export * from './environment';
+export * from './constants';
+export * from './conditions/conditions';
+export * from './hooks';
+export * from './langs';

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

@@ -0,0 +1,162 @@
+export declare const ar: {
+    save: string;
+    addPersonalMarker: string;
+    editPersonalMarker: string;
+    pleaseSelectMarker: string;
+    pleaseEnterMarkerName: string;
+    maxLengthMarkerName: string;
+    successAddMarker: string;
+    successEditMarker: string;
+    errorRegisteringTwoMarker: string;
+    pleaseLoginFirst: string;
+    addMarker: string;
+    markerName: string;
+    description: string;
+    pleaseEnterMarkerDescription: string;
+    cancel: string;
+    nextIn: string;
+    play: string;
+    visit: string;
+    clickForMoreVideos: string;
+    hour: string;
+    minutes: string;
+    seconds: string;
+    currentlyNoItemsSaved: string;
+    savedList: string;
+    enterYourOpinion: string;
+    notPossibleRegisterComment: string;
+    youMustSubmitYourComment: string;
+    notPossibleToRegisterComment: string;
+    comeIn: string;
+    sharing: string;
+    recordFeedback: string;
+    cinematicFilm: string;
+    serial: string;
+    subtitle: string;
+    translation: string;
+    persian: string;
+    english: string;
+    arabic: string;
+    turkish: string;
+    playlist: string;
+    playlists: string;
+    showPlaylist: string;
+    suggestedVideos: string;
+    become: string;
+    production: string;
+    viewPoint: string;
+    show: string;
+    saved: string;
+    home: string;
+    profile: string;
+    previousViewingTime: string;
+    continuousPlaybackText: string;
+    watchContinuousVideo: string;
+    watchCBeginningVideo: string;
+    takingPicture: string;
+    liveChat: string;
+    hideLiveChat: string;
+    showLiveChat: string;
+    anonymousUser: string;
+    awaitingApprovalByAdmin: string;
+    approvedByAdmin: string;
+    closeMessage: string;
+    viewFullPinnedMessage: string;
+    pinnedMessage: string;
+    less: string;
+    more: string;
+    copyLink: string;
+    linkWasCopied: string;
+    download: string;
+    withQuality: string;
+    selectDownloadQuality: string;
+    badSoundAndImageQuality: string;
+    streamLinkFailure: string;
+    amountOfInternetUsageWasHigh: string;
+    programAppearance: string;
+    soundAndImageMismatch: string;
+    noSubtitle: string;
+    noSubtitle1: string;
+    accessForMeDifficult: string;
+    videoContentWasNotGood: string;
+    goodSoundAndImageQuality: string;
+    noDisconnection: string;
+    amountOfInternetUsage: string;
+    privacyProtection: string;
+    farsiSubtitles: string;
+    easyAccess: string;
+    appropriateVideoContent: string;
+    veryBad: string;
+    bad: string;
+    middle: string;
+    good: string;
+    veryGood: string;
+    successfullyCommentSubmit: string;
+    ratingZarebin: string;
+    fullRateInternetTraffic: string;
+    exitFrom: string;
+    fullScreen: string;
+    lock: string;
+    markersList: string;
+    markers: string;
+    languageSelection: string;
+    default: string;
+    retry: string;
+    pictureInPicture: string;
+    video: string;
+    season: string;
+    section: string;
+    playNextVideo: string;
+    replay: string;
+    pause: string;
+    quality: string;
+    automatic: string;
+    basedOnYourInternetSpeed: string;
+    settings: string;
+    choiceQuality: string;
+    subtitleSettings: string;
+    jumpTo: string;
+    mute: string;
+    unmute: string;
+    playBackSpeed: string;
+    normalSpeed: string;
+    subtitleBackgroundColor: string;
+    subtitleTextColor: string;
+    subtitleSelection: string;
+    selectSubtitleBackgroundColor: string;
+    selectSubtitleTextColor: string;
+    tagFilter: string;
+    tags: string;
+    separateItemsWithEnter: string;
+    contentType: string;
+    search: string;
+    accordingThisTagVideoNotFound: string;
+    autoPlay: string;
+    bright: string;
+    off: string;
+    is: string;
+    photo: string;
+    currentlyNoVideoContent: string;
+    viewOtherVideos: string;
+    enteredAddressNotCorrect: string;
+    first: string;
+    second: string;
+    third: string;
+    fourth: string;
+    fifth: string;
+    sixth: string;
+    seventh: string;
+    eighth: string;
+    ninth: string;
+    tenth: string;
+    eleventh: string;
+    twelfth: string;
+    thirteenth: string;
+    fourteenth: string;
+    fifteenth: string;
+    sixteenth: string;
+    seventeenth: string;
+    eighteenth: string;
+    nineteenth: string;
+    twentieth: string;
+};