@vkontakte/videoplayer 1.0.8 → 1.0.95-dev.e4134bc49.0

package/package.json

@@ -1,22 +1,51 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.0.8",
+  "version": "1.0.95-dev.e4134bc49.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
   "license": "GPL-3.0",
-  "main": "esnext.cjs.js",
-  "module": "esnext.esm.js",
-  "types": "index.d.ts",
+  "main": "./esnext.cjs",
+  "module": "./esnext.esm.js",
+  "types": "./types/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./esnext.esm.js",
+      "require": "./esnext.cjs"
+    },
+    "./evergreen": {
+      "types": "./types/index.d.ts",
+      "import": "./evergreen.esm.js",
+      "require": "./evergreen.cjs"
+    },
+    "./esnext": {
+      "types": "./types/index.d.ts",
+      "import": "./esnext.esm.js",
+      "require": "./esnext.cjs"
+    },
+    "./es2015": {
+      "types": "./types/index.d.ts",
+      "import": "./es2015.esm.js",
+      "require": "./es2015.cjs"
+    },
+    "./evergreen.esm.js": "./evergeen.esm.js",
+    "./esnext.esm.js": "./esnext.esm.js",
+    "./esnext.cjs": "./esnext.cjs",
+    "./es2015.esm.js": "./es2015.esm.js",
+    "./es2015.cjs": "./es2015.cjs"
+  },
   "files": [
-    "*.cjs.js",
+    "*.cjs",
     "*.esm.js",
     "**/*.d.ts"
   ],
   "dependencies": {
-    "@vkontakte/videoplayer-core": "2.0.48",
-    "@vkontakte/videoplayer-shared": "1.0.12",
-    "@vkontakte/videoplayer-statistics": "1.0.14",
-    "lodash": "4.17.21"
+    "@adtech/rbadman": "2.2.57",
+    "@vkontakte/videoplayer-core": "2.0.164-dev.e4134bc49.0",
+    "@vkontakte/videoplayer-interactive": "1.0.70-dev.e4134bc49.0",
+    "@vkontakte/videoplayer-shared": "1.0.93-dev.e4134bc49.0",
+    "@vkontakte/videoplayer-statistics": "1.0.110-dev.e4134bc49.0"
   }
 }

package/types/VKVideoPlayer/HTMLElement.d.ts

@@ -0,0 +1,2 @@
+import { type Constructor } from "@vkontakte/videoplayer-shared";
+export declare const HTMLElement: Constructor<HTMLElement>;

package/types/VKVideoPlayer/defaultConfig.d.ts

@@ -0,0 +1,5 @@
+import type { IVKVideoPlayerConfig } from "../types";
+type IDefaultVideoConfig = Required<Pick<IVKVideoPlayerConfig, "preload" | "autoplay" | "repeat" | "loop" | "fromTime" | "canRewindLive" | "showAds" | "interfaceLanguage" | "isCyrillicRelatedInterface" | "logoClickable" | "logoHidden" | "isTouch" | "isMediaSessionEnabled" | "isPictureInPictureEnabled" | "isAudioDisabled" | "callbacks" | "saveRate" | "volumeMultiplier" | "showEndScreen" | "showAutoplayNext" | "showNextPrevButtons">>;
+export declare const defaultVideoConfig: IDefaultVideoConfig;
+export type EnsuredVideoConfig = IVKVideoPlayerConfig & IDefaultVideoConfig;
+export {};

package/types/VKVideoPlayer/index.svelte.d.ts

@@ -0,0 +1,211 @@
+import type { ISDKConfig } from "../config";
+import type { LanguageConfig } from "../translation/types";
+import type { IUpdatableVKVideoPlayerConfig, IVideoData, IVKVideoPlayerConfig } from "../types";
+import { type QualityLimits, type Seconds } from "@vkontakte/videoplayer-shared";
+import type { InterfaceLanguage } from "@vkontakte/videoplayer-shared";
+import type { PlaybackRate } from "@vkontakte/videoplayer-core";
+import { type IStatContext } from "@vkontakte/videoplayer-statistics";
+import { ThinOneStat } from "@vkontakte/videoplayer-statistics";
+import { AnnotationsApi } from "../utils/webAPI/annotationsApi/annotationsApi";
+import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from "../components/Menus/subMenuTabs/types";
+import type { AdditionalButton } from "../components/Controls/types";
+import { SlotsApi } from "../utils/webAPI/slotsApi";
+import { HTMLElement } from "./HTMLElement";
+export declare class VKVideoPlayer extends HTMLElement {
+	private svelteStubComponent?;
+	private svelteRootComponent?;
+	/**
+	* Слой, который живет на протяжении жизни плеера, не уничтожается между переключениями видео.
+	*/
+	private sveltePersistentLayerComponent?;
+	private svelteErrorComponent?;
+	private store?;
+	private statistics?;
+	private appTracer?;
+	private admanWrapper?;
+	private _shadowRoot;
+	private playerContainer;
+	private rootContainer;
+	private stateContainer;
+	private shadowRootContainer;
+	private playerId;
+	private uiConfig;
+	private coreConfig;
+	private statisticsConfig;
+	private metaConfig;
+	private interactiveController;
+	private interactiveContainer;
+	private graphMadePause;
+	private currentPlayingVideoIndex;
+	private needToRepeatPlaylist;
+	private videoConfig;
+	private pictureInPictureApi;
+	private mediaSessionApi;
+	private unsubscribePlayerPhaseSubscription;
+	private readonly logger;
+	private readonly log;
+	private readonly subscription;
+	private readonly interactiveSubscription;
+	annotationsApi: AnnotationsApi | undefined;
+	slotsApi: SlotsApi | undefined;
+	private focusManager;
+	private prevIsid;
+	private isInited;
+	private videoStarted;
+	private postponedInitParams;
+	private internalsExposure;
+	private shadowDOMCallbacksDisabled;
+	private readonly fatalError$;
+	constructor();
+	private connectedCallback;
+	private updatePersistentLayerProps;
+	private disconnectedCallback;
+	private initPlayerRootContainers;
+	private needToShowNextPrevButtons;
+	private isNextButtonActive;
+	private isPrevButtonActive;
+	private isControlDisabled;
+	private getNextVideoInfo;
+	private readonly createOneStat;
+	private createThinOneStat;
+	private createStatisticsForVideo;
+	private createAppTracerForVideo;
+	private createAdsParamsForVideo;
+	private createPlayer;
+	private readonly handleDomReady;
+	private readonly firstStart;
+	private initVideo;
+	private initQualitySettings;
+	private get shouldLoop();
+	private get isMobile();
+	private get useMinimalViewForDpip();
+	get shouldKeepPlayerElement(): boolean;
+	get shouldUseDpip(): boolean;
+	private addPlayerInfoSubscriptions;
+	playNextVideo(): void;
+	playPrevVideo(): void;
+	toggleFullscreen(): void;
+	/**
+	* !!! Сейчас нее будет полноценно работать,
+	* потому что часть полей которые реально относятся к видео передаются в videoConfig
+	* А videoConfig формируется в слое интеграции.
+	* В частности: adsParams, canDownload, failoverHosts, volumeMultiplier...
+	* @private
+	*/
+	private updatePlayerWithCurrentVideo;
+	private createPlayerWithCurrentVideo;
+	private playPrevChapter;
+	private seekToInteractive;
+	private initInteractives;
+	private checkVideosList;
+	/**
+	* Lagacy comment:
+	* А это из-за проблем архитектуры
+	* videoConfig - настройки экземпляра плеера для конкретного видео, sdkConfig.ui – настройки поведения плеера для всех
+	* Фичи включаются как суперпозиция этих двух конфигов.
+	* Из-за того что Root и Store – два источника правды синхронизировать конфиги придётся здесь переопределением дописывая поля из sdkConfig в videoConfig
+	* TODO: структурировать поток данных в рамках VP-958: Конфиги -> стор -> Root
+	*/
+	private overrideVideoConfigFromUIConfig;
+	initPlayer(videoConfig: IVKVideoPlayerConfig, sdkConfig?: Partial<ISDKConfig>): void;
+	updatePlayer(videoConfig: IUpdatableVKVideoPlayerConfig): void;
+	private isOneVideoPlaylist;
+	private updateRootPropsAfterPlaylistChanged;
+	private updateVideos;
+	/**
+	* Обновление плейлиста. Будут перезаписаны все видео до текущего
+	*/
+	updatePrevVideos(videos: IVideoData[]): void;
+	/**
+	* Обновление плейлиста. Будут перезаписаны все видео после текущего
+	*/
+	updateNextVideos(videos: IVideoData[]): void;
+	private initMediaSession;
+	private setupMediaSessionForVideo;
+	private setupMediaSessionForAds;
+	moveTo(container: HTMLElement): void;
+	play(): void;
+	pause(): void;
+	stop(): void;
+	setMuted(muted: boolean): void;
+	toggleSubtitle(): void;
+	changeSubtitle(enabled: boolean, id?: string): void;
+	hideControls(): void;
+	showControls(): void;
+	setPiPEnabled(enabled: boolean): void;
+	setVolume(volume: number): void;
+	setRepeat(repeat: boolean): void;
+	seekTime(time: number): void;
+	private readonly seekTimeInternal;
+	seekEpisodeStartTime(time: number): void;
+	returnFocusToEpisodes(): void;
+	setPlaybackRate(playbackRate: PlaybackRate): void;
+	setAutoQualityLimits(limits: QualityLimits): void;
+	/** включение режима автоматического качества (это не тоггл!) */
+	setAutoQuality(): void;
+	/**
+	* __тоггл режима экономии трафика__
+	*
+	* - при включении так же будет включен режим автоматического качества
+	* (если был выключен, например, ручным выбором качества пользователем)
+	*/
+	toggleTrafficSaving(value: boolean): void;
+	/**
+	* __тоггл режима высокого качества__
+	*
+	* - при включении так же будет включен режим автоматического качества
+	* (если был выключен, например, ручным выбором качества пользователем)
+	*/
+	toggleHighQuality(value: boolean): void;
+	changeAudioStream(id: string): void;
+	addLanguage(config: LanguageConfig): void;
+	setLanguage(language: InterfaceLanguage | string): Promise<void>;
+	private replaceVideoDataInConfig;
+	setLiveStart(videoData: IVideoData): void;
+	setLiveWaitingStart(): void;
+	/**
+	* Идёт доигрывание трансляции
+	*/
+	private isLiveTailPlaying;
+	/**
+	* @param forceImmediate Позволяет немедленно показать состояние ожидания, не дожидаясь окончания доигрывания буффера и попыток получить поток
+	*/
+	setLiveWaitingRecover(forceImmediate?: boolean): void;
+	setLiveWaitingRecord(): void;
+	setLiveEnd(videoData: IVideoData, autoplay?: boolean): void;
+	setLiveLowLatency(isLowLatency: boolean): void;
+	setLooped(looped: boolean): void;
+	getDebugData(): string;
+	getDeviceId(): string | undefined;
+	replayInteractiveVideo(): void;
+	replayInteractiveChapter(callback?: () => void): Promise<void>;
+	showInteractiveIndicatorTooltip(newValue: boolean, useTimeout?: boolean): void;
+	switchToActiveLive(): void;
+	updateAdditionalSettingsItem(itemId: string, fields: Partial<Omit<AdditionalSettingsMenuItem, "id" | "type">>): void;
+	addAdditionalSettingsItem(newItem: AdditionalSettingsMenuItem): void;
+	removeAdditionalSettingsItem(itemId: string): void;
+	updateAdditionalContextItem(itemId: string, fields: Partial<Omit<AdditionalContextMenuItem, "id">>): void;
+	addAdditionalContextItem(newItem: AdditionalContextMenuItem): void;
+	removeAdditionalContextItem(itemId: string): void;
+	updateAdditionalButton(itemId: string, fields: Partial<Omit<AdditionalButton, "id" | "type">>): void;
+	addAdditionalButton(newButton: AdditionalButton): void;
+	removeAdditionalButton(itemId: string): void;
+	updateStatContext(statContext: Partial<IStatContext | ThinOneStat.IStatContext>): void;
+	handleTimerNextVideo(state: boolean): void;
+	togglePictureInPicture(): void;
+	focus(): void;
+	/**
+	* Восстанавливает фокус на последнем сфокусированном элементе в плеере.
+	*/
+	restoreFocus(): void;
+	/**
+	* Обработка внешнего события клавиатуры.
+	* Метод preventDefault не будет вызван при обработке внешего события.
+	* @param {KeyboardEvent} event Событие из внешнего обработчика
+	* @returns {boolean} Было ли событие обработано внутри плеера
+	*/
+	handleExternalKeyboardEvent(event: KeyboardEvent): boolean;
+	setAutoplayNext(autoplayNext: boolean): void;
+	getTotalViewTime(): Seconds | undefined;
+	private unmountComponent;
+}

package/types/components/Ads/admanWrapper.d.ts

@@ -0,0 +1,84 @@
+import type { AdsTimeRemained } from "../../types";
+import { AdsSection, type AdmanInitParams } from "../../types";
+import { type ILogger } from "@vkontakte/videoplayer-shared";
+import { Subject } from "@vkontakte/videoplayer-shared";
+import type { IAdsState } from "../../store";
+import type { ExternalActions, IConfig, IPlayerState } from "./types";
+export declare class AdmanWrapper {
+	private adman;
+	private initialVolume;
+	private readonly volumeMultiplier;
+	private videoElement;
+	private currentAdSection;
+	private actions;
+	private adsState;
+	private playerState;
+	private ordIds;
+	private isDestroyed;
+	private readonly log;
+	private loadPromise?;
+	private loadTimeout;
+	private initTimeout;
+	private runtimeTimeout;
+	private useAdmanFromNPM;
+	private isVsidOriginal;
+	private preserveMutedState;
+	private stopAdmanOnSwitch;
+	private watchDogTimeout;
+	private externalApi?;
+	events: {
+		init$: Subject<number>;
+		loadStarted$: Subject<void>;
+		loadEnded$: Subject<void>;
+		loadError$: Subject<void>;
+		ready$: Subject<void>;
+		slotRequested$: Subject<string | void>;
+		started$: Subject<AdsSection>;
+		timeRemained$: Subject<AdsTimeRemained>;
+		paused$: Subject<void>;
+		resumed$: Subject<void>;
+		ended$: Subject<{
+			section: AdsSection;
+			ordIds: string[];
+		}>;
+		empty$: Subject<void>;
+		skipped$: Subject<void>;
+		clicked$: Subject<AdsSection>;
+		closed$: Subject<AdsSection>;
+		error$: Subject<string>;
+	};
+	constructor(logger: ILogger, config: IConfig);
+	init(actions: ExternalActions, adsState: IAdsState, playerState: IPlayerState): void;
+	loadAdman: (abortSignal: AbortSignal) => Promise<void>;
+	private loadAdmanMailRu;
+	private loadAdmanNPM;
+	onAdmanLoadingError(): void;
+	initAdman(initParams: AdmanInitParams): Promise<void>;
+	private switchToVideo;
+	private setPostrollPassed;
+	togglePlay(): void;
+	setInitialVolume(volume: number): void;
+	setVolume(volume: number): void;
+	setFullscreen(isFullscreen: boolean): void;
+	startPreroll(): void;
+	startPostroll(): void;
+	private onAdsReady;
+	private onAdStarted;
+	private onAdTimeRemained;
+	private onAdPaused;
+	private onAdPlayed;
+	private onAdMidrollPoint;
+	private onAdSkipped;
+	private onAdClosed;
+	private onAdCompleted;
+	private onAdClicked;
+	private onAdError;
+	private startWatchDog;
+	private stopWatchDog;
+	play(): void;
+	pause(): void;
+	skip(): void;
+	setPosition(position: number, duration: number): void;
+	destroy(): void;
+	private safeExternalCall;
+}

package/types/components/Ads/types.d.ts

@@ -0,0 +1,20 @@
+import type { Milliseconds } from "@vkontakte/videoplayer-shared";
+import type { Readable } from "svelte/store";
+export type ExternalActions = {
+	switchFromAdsToVideo: (callPlay?: boolean) => void;
+	switchFromVideoToAds: () => void;
+	setMuted: (muted: boolean) => void;
+};
+export type IPlayerState = {
+	vsid: Readable<string | undefined>;
+};
+export interface IConfig {
+	loadTimeout: Milliseconds;
+	initTimeout: Milliseconds;
+	runtimeTimeout: Milliseconds;
+	useAdmanFromNPM: boolean;
+	volumeMultiplier: number;
+	isVsidOriginal: boolean;
+	preserveMutedState: boolean;
+	stopAdmanOnSwitch: boolean;
+}

package/types/components/Ads/utils.d.ts

@@ -0,0 +1,6 @@
+import type { ILogger } from "@vkontakte/videoplayer-shared";
+import type { IAdsConfig } from "../../config";
+import { AdmanWrapper } from "./admanWrapper";
+type AdmanWrapperFactory = (logger: ILogger, adsConfig: IAdsConfig) => AdmanWrapper;
+export declare const createAdmanWrapper: AdmanWrapperFactory;
+export {};

package/types/components/Controls/contants/desktopButtonsLeftIds.d.ts

@@ -0,0 +1,10 @@
+export declare enum DesktopButtonsLeftIds {
+	PREV = "prevButton",
+	PLAY = "playButton",
+	REPLAY = "replayButton",
+	NEXT = "nextButton",
+	INTERACTIVE_PREV = "playPrevChapterButton",
+	INTERACTIVE_SEEK = "seekToInteractiveButton",
+	INTERACTIVE_GRAPH = "interactiveGraphButton",
+	LIVE = "liveButton"
+}

package/types/components/Controls/contants/desktopButtonsLeftWeights.d.ts

@@ -0,0 +1,2 @@
+import { DesktopButtonsLeftIds } from "./desktopButtonsLeftIds";
+export declare const desktopButtonsLeftWeights: { [key in DesktopButtonsLeftIds] : number };

package/types/components/Controls/contants/desktopButtonsRightIds.d.ts

@@ -0,0 +1,11 @@
+export declare enum DesktopButtonsRightIds {
+	LOGO = "vkLogo",
+	AUTOPLAY_NEXT = "autoplayNext",
+	VOLUME = "volume",
+	SUBTITLES = "subtitles",
+	SETTINGS = "settings",
+	CONTEXT = "context",
+	FULLSCREEN = "fullscreen",
+	CHROMECAST = "chromecast",
+	QOE = "qoe"
+}

package/types/components/Controls/contants/desktopButtonsRightWeights.d.ts

@@ -0,0 +1,2 @@
+import { DesktopButtonsRightIds } from "./desktopButtonsRightIds";
+export declare const desktopButtonsRightWeights: { [key in DesktopButtonsRightIds] : number };

package/types/components/Controls/types.d.ts

@@ -0,0 +1,41 @@
+import type { GridTypes } from "../../constans";
+import type { TmpComponentType } from "../../types/tmp";
+export declare enum ControlButtonType {
+	DESKTOP_CONTROL_PANEL_LEFT = "desktop-control-panel-left",
+	DESKTOP_CONTROL_PANEL_RIGHT = "desktop-control-panel-right"
+}
+interface BaseButton {
+	id: string;
+	weight: number;
+	disabled?: boolean;
+}
+interface BaseInnerButton extends BaseButton {
+	buttonComponent: TmpComponentType;
+	buttonComponentProps?: Record<string, unknown>;
+	ariaKeyShortCut?: string;
+	ariaExpanded?: boolean;
+}
+interface BaseAdditionalButton extends BaseButton {
+	icon: string;
+	testId?: string;
+	onClick?: () => void;
+	ariaLabel: string;
+}
+export interface DesktopControlPanelButton extends BaseInnerButton {
+	type: ControlButtonType.DESKTOP_CONTROL_PANEL_LEFT | ControlButtonType.DESKTOP_CONTROL_PANEL_RIGHT;
+	tooltipEnabled?: boolean;
+	mouseEnter?: () => void;
+	mouseLeave?: () => void;
+	tooltipText?: string;
+	disabledTooltipContent?: string;
+	className?: string;
+}
+export interface AdditionalDesktopControlPanelButton extends BaseAdditionalButton {
+	type: ControlButtonType.DESKTOP_CONTROL_PANEL_RIGHT;
+	tooltipText?: string;
+	disabledTooltipContent?: string;
+	hideOnDesktopGridTypes?: GridTypes[];
+	disableMouseupTooltipShow?: boolean;
+}
+export type AdditionalButton = AdditionalDesktopControlPanelButton;
+export {};

package/types/components/Controls/utils/isInnerButtonGuard.d.ts

@@ -0,0 +1,2 @@
+import type { AdditionalDesktopControlPanelButton, DesktopControlPanelButton } from "../types";
+export declare const isInnerButtonGuard: (btn: DesktopControlPanelButton | AdditionalDesktopControlPanelButton) => btn is DesktopControlPanelButton;

package/types/components/Icons/constants.d.ts

@@ -0,0 +1,8 @@
+export declare enum IconSize {
+	XS = "12",
+	S = "16",
+	M = "24",
+	ML = "32",
+	L = "48"
+}
+export declare const DEFAULT_ICON_COLOR = "var(--btn-color, #fff)";

package/types/components/Icons/utils.d.ts

@@ -0,0 +1,2 @@
+import type { IconSize } from "./constants";
+export declare const getSizeStyle: (size: IconSize) => string;

package/types/components/Menus/constants/contextMenuItemIds.d.ts

@@ -0,0 +1,11 @@
+export declare enum ContextMenuItemIds {
+	COPY_LINK = "copy-link",
+	COPY_LINK_TIMESTAMP = "copy-link-timestamp",
+	COPY_EMBED_CODE = "copy-embed-code",
+	PIP = "pip",
+	VIDEO_LOOP = "video-loop",
+	ROTATE = "rotate",
+	REPORT = "report",
+	SAVE_DEBUG = "save-debug",
+	DEBUG_INFO = "debug-info"
+}

package/types/components/Menus/constants/contextMenuItemWeights.d.ts

@@ -0,0 +1,2 @@
+import { ContextMenuItemIds } from "./contextMenuItemIds";
+export declare const contextMenuItemWeights: { [key in ContextMenuItemIds] : number };

package/types/components/Menus/constants/defaultSubMenuMinWidth.d.ts

@@ -0,0 +1 @@
+export declare const defaultSubMenuMinWidth = 137;

package/types/components/Menus/constants/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./settingsMenuItemWeights";
+export * from "./settingsMenuItemIds";
+export * from "./defaultSubMenuMinWidth";
+export * from "./topOffset";

package/types/components/Menus/constants/openSubMenuItemsIds.d.ts

@@ -0,0 +1,3 @@
+export declare enum OpenSubMenuItemsIds {
+	QUALITY_DETAIL = "quality-detail-sub"
+}

package/types/components/Menus/constants/settingsMenuItemIds.d.ts

@@ -0,0 +1,11 @@
+export declare enum SettingsMenuItemIds {
+	QUALITY = "quality-settings",
+	AUDIO_TRACKS = "audio-language-settings",
+	PLAYBACK_RATE = "playback-rate-settings",
+	SUBTITLES = "subtitles-settings",
+	TRAFFIC_SAVING = "traffic-saving-settings",
+	DOWNLOAD = "download",
+	REPORT = "report",
+	COPY_DATA = "copy-data",
+	DEBUG_INFO = "debug-info"
+}

package/types/components/Menus/constants/settingsMenuItemWeights.d.ts

@@ -0,0 +1,2 @@
+import { SettingsMenuItemIds } from "./settingsMenuItemIds";
+export declare const settingsMenuItemWeights: { [key in SettingsMenuItemIds] : number };

package/types/components/Menus/constants/subMenuIds.d.ts

@@ -0,0 +1,8 @@
+export declare enum SubMenuIds {
+	QUALITY = "quality-sub",
+	QUALITY_DETAIL = "quality-detail-sub",
+	DEFAULT_QUALITY_APPLIANCE = "default_quality_applies_to_sub",
+	AUDIO_TRACKS = "audio-language-sub",
+	PLAYBACK_RATE = "playback-rate-sub",
+	SUBTITLES = "subtitles-sub"
+}

package/types/components/Menus/constants/topOffset.d.ts

@@ -0,0 +1 @@
+export declare const topOffset: number;

package/types/components/Menus/subMenuTabs/rootMenuItems.d.ts

@@ -0,0 +1,33 @@
+import { RootMenuId, type SettingsMenuItem } from "./types";
+import { type VideoPlaybackRate, type VideoSubtitle } from "../../../types";
+import type { IAudioStream, PlaybackRate, VideoQuality } from "@vkontakte/videoplayer-core";
+import type { QualitySettingsAppliesTo } from "../../../utils/userSettings";
+export type Context = {
+	currentPlaybackRate: number;
+	availablePlaybackRates: VideoPlaybackRate[];
+	selectPlaybackRate: (playbackRate: PlaybackRate) => void;
+	trafficSavingEnabled: boolean;
+	toggleTrafficSaving: (value: boolean, appliesTo: QualitySettingsAppliesTo) => void;
+	currentQuality: VideoQuality;
+	isAutoQualityEnabled: boolean;
+	isMobile: boolean;
+	currentAudioStream: IAudioStream | undefined;
+	availableAudioStreams: IAudioStream[];
+	qualityDetailsSubMenuEnabled: boolean;
+	currentSubtitle: Omit<VideoSubtitle, "selected">;
+	onDownloadClick: () => void;
+	onReportProblemClick: () => void;
+	onCopyDataClick: () => void;
+	toggleShowDebugInfo: () => void;
+};
+/**
+* Мапа элементов меню, которые показываются на первом уровне.
+*/
+export declare const RootMenuItemMap: Record<RootMenuId, (context: Context) => SettingsMenuItem>;
+type Params = {
+	items: RootMenuId[];
+	context: Context;
+	additionalSettingsMenuItems: SettingsMenuItem[];
+};
+export declare const getRootMenuItems: ({ items, context, additionalSettingsMenuItems }: Params) => SettingsMenuItem[];
+export {};

package/types/components/Menus/subMenuTabs/sharedMenuItems.d.ts

@@ -0,0 +1,17 @@
+import { type Context, type SubMenuItem } from "./types";
+import type { QualitySettingsAppliesTo } from "../../../utils/userSettings";
+export type QualityHandler = (params: {
+	labelWithQuality: boolean;
+	appliesTo: QualitySettingsAppliesTo;
+	selected: boolean;
+}, context: Context) => SubMenuItem;
+type DefaultHandler = (context: Context) => SubMenuItem;
+/**
+* В данном файле определяем элементы меню, которые могут использоваться в разных подменю.
+*/
+export declare const getMenuItemForAnotherQuality: DefaultHandler;
+export declare const getMenuItemForAutoQuality: QualityHandler;
+export declare const getMenuItemForQualityApplience: DefaultHandler;
+export declare const getMenuItemForHighQuality: QualityHandler;
+export declare const getMenuItemForTrafficSaving: QualityHandler;
+export {};

package/types/components/Menus/subMenuTabs/subMenuItems.d.ts

@@ -0,0 +1,7 @@
+import { SubMenuId, type Context, type SubMenuData } from "./types";
+type Params = {
+	subMenuId: SubMenuId | null;
+	context: Context;
+};
+export declare const getSubMenuData: ({ subMenuId, context }: Params) => ReturnType<SubMenuData>[];
+export {};