@hubspot/video-player-core 0.1.28 → 0.1.29

package/dist/index.d.ts

@@ -1,16 +1,264 @@
-export { VideoPlayer } from './components/VideoPlayer.js';
-export type * from './components/VideoPlayer.js';
-export { VideoFetchProvider, VideoFetchContext, } from './components/VideoFetchProvider.js';
-export type * from './components/VideoFetchProvider.js';
-export * from './components/VideoPlayerProvider.js';
-export type * from './components/VideoPlayerProvider.js';
-export * from './components/TranslationsProvider.js';
-export type * from './components/TranslationsProvider.js';
-export * from './components/HSPlayerIcons.js';
-export { HSPlayerThemes } from './components/HSThemeTemplate.js';
-export { useVideo } from './hooks/useVideo.js';
-export * from './api/video.js';
-export type * from './api/video.js';
-export type * from './types.js';
-export * from './constants.js';
-//# sourceMappingURL=index.d.ts.map
+import { Context } from 'react';
+import { default as default_2 } from '@mux/mux-video';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { MediaError as MediaError_2 } from '@mux/mux-video';
+import { PropsWithChildren } from 'react';
+
+export declare const BigPlayIcon: () => JSX_2.Element;
+
+export declare const CaptionsMenuIcon: () => JSX_2.Element;
+
+export declare type Chapter = {
+    title: string;
+    startTime: number;
+};
+
+export declare const CloseIcon: () => JSX_2.Element;
+
+export declare type ConversionAsset = {
+    type: 'CTA' | 'FORM';
+    id: string;
+    position: 'PRE' | 'POST' | 'CUSTOM';
+    overlay_delay_seconds?: number;
+    prevent_skip?: boolean;
+};
+
+export declare const DEFAULT_ASPECT_RATIO: number;
+
+export declare const DEFAULT_HLS_OPTIONS: {
+    debug: boolean;
+    maxBufferSize: number;
+    maxBufferLength: number;
+};
+
+export declare const DEFAULT_PLAY_BUTTON_COLOR = "#F7761F";
+
+declare const DEFAULT_TRANSLATIONS: {
+    readonly play: "Play";
+    readonly pause: "Pause";
+    readonly mute: "Mute";
+    readonly unmute: "Unmute";
+    readonly captions: "Captions";
+    readonly settings: "Settings";
+    readonly playbackSpeed: "Playback speed";
+    readonly quality: "Quality";
+    readonly auto: "Auto";
+    readonly off: "Off";
+    readonly enterFullscreen: "Enter fullscreen mode";
+    readonly exitFullscreen: "Exit fullscreen mode";
+    readonly enterPipMode: "Enter picture-in-picture mode";
+    readonly exitPipMode: "Exit picture-in-picture mode";
+    readonly seek: "Seek";
+    readonly playbackTime: "playback time";
+    readonly videoPlayer: "video player";
+    readonly audioPlayer: "audio player";
+    readonly loading: "media loading";
+    readonly closedCaptions: "closed captions";
+    readonly networkError: "Network Error";
+    readonly decodeError: "Decode Error";
+    readonly sourceNotSupported: "Source Not Supported";
+    readonly encryptionError: "Encryption Error";
+    readonly networkErrorMessage: "A network error caused the media download to fail.";
+    readonly decodeErrorMessage: "A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.";
+    readonly unsupportedErrorMessage: "An unsupported error occurred. The server or network failed, or your browser does not support this format.";
+    readonly encryptionErrorMessage: "The media is encrypted and there are no keys to decrypt it.";
+    readonly watchVideo: "Watch video";
+    readonly defaultInlineMessage: "Thanks for your response!";
+    readonly notFoundVideoFetchError: "Video not found";
+    readonly notAuthorizedVideoFetchError: "Video not enabled";
+    readonly genericVideoFetchError: "Could not load video";
+    readonly retry: "Try again";
+};
+
+export declare const EnterFullscreenIcon: () => JSX_2.Element;
+
+export declare const ExitFullscreenIcon: () => JSX_2.Element;
+
+export declare type FetchError = Error & {
+    status: number;
+};
+
+export declare function fetchSubtitles(videoId: number, portalId: number, env?: HsEnvironment, hublet?: string): Promise<SubtitlesByLanguage>;
+
+export declare function fetchVideo(videoId: number, portalId: number, env?: HsEnvironment, hublet?: string, skip?: boolean): Promise<VideoResponse | {
+    video: undefined;
+}>;
+
+export declare type HsEnvironment = 'qa' | 'prod';
+
+declare type HSPlayerTheme = {
+    themeName: string;
+    primaryColor: string;
+    secondaryColor: string;
+    accentColor: string;
+};
+
+export declare const HSPlayerThemes: Record<string, HSPlayerTheme>;
+
+export declare type HubSpotVideoParams = {
+    player_id: number;
+    width: number;
+    height: number;
+    max_width?: number;
+    max_height?: number;
+    size_type?: 'auto_full_width' | 'auto_custom_max' | 'exact';
+    autoplay?: boolean;
+    hide_controls?: boolean;
+    loop_video?: boolean;
+    mute_by_default?: boolean;
+    conversion_asset?: ConversionAsset;
+};
+
+export declare type MenuType = 'captions' | 'settings';
+
+export declare const PipIcon: () => JSX_2.Element;
+
+export declare type PlayerActions = {
+    play: () => void;
+    pause: (reason?: string) => void;
+    exitFullscreen: () => void;
+    changeVolume: (volume: number) => void;
+    setElement: (el: default_2 | null) => void;
+    toggleMenu: (menuType: MenuType, isOpen: boolean) => void;
+};
+
+export declare type PlayerCallbacks = Pick<React.VideoHTMLAttributes<default_2>, 'onPlay' | 'onPlaying' | 'onSeeked' | 'onTimeUpdate' | 'onEnded'> & {
+    onPause?: (event: React.SyntheticEvent<default_2>, reason?: string) => void;
+    onError?: (error: MediaError_2) => void;
+    onCaptionChange?: (lang: string) => void;
+    onToggleMenu?: (menuType: MenuType, isOpen: boolean) => void;
+    onPlaybackRateChange?: (playbackRate: number) => void;
+    onQualityChange?: (renditionId: string) => void;
+};
+
+export declare type PlayerState = {
+    hasStarted: boolean;
+    isPaused: boolean;
+    currentTime: number;
+    hasEnded: boolean;
+    playbackStartedAt?: number;
+    element: default_2 | null;
+    loadedDuration: number;
+    selectedCaptionTrack: string | null;
+    playbackRate: number;
+    isPipMode: boolean;
+    selectedRendition?: string;
+    isFullscreen: boolean;
+    isPipAvailable: boolean;
+    volume: number;
+};
+
+export declare const PlayPauseIcon: () => JSX_2.Element;
+
+export declare const SettingsMenuIcon: () => JSX_2.Element;
+
+export declare type SubtitlesByLanguage = Record<string, string>;
+
+declare type TranslationKeys = keyof typeof DEFAULT_TRANSLATIONS;
+
+declare type Translations = Record<TranslationKeys, string>;
+
+export declare const TranslationsContext: Context<    {
+translations: Translations;
+language: string;
+}>;
+
+export declare const TranslationsProvider: ({ children, translations, language, }: PropsWithChildren<{
+    translations: Partial<Translations>;
+    language?: string;
+}>) => JSX_2.Element;
+
+export declare const useLanguage: () => string;
+
+export declare const useTranslations: () => Translations;
+
+export declare const useVideo: (videoId: number, portalId: number, env?: HsEnvironment, hublet?: string, skip?: boolean) => {
+    video: VideoCrmObject | undefined;
+    fetchError: FetchError | undefined;
+    refetch: () => void;
+};
+
+export declare const useVideoPlayer: () => {
+    state: PlayerState;
+    actions: PlayerActions;
+    eventCallbacks: Record<string, React.ReactEventHandler<default_2>>;
+};
+
+export declare type VideoCrmObject = {
+    portalId: number;
+    videoId: number;
+    crmObjectId: number;
+    sourceFileId: number;
+    fileUrl: string;
+    mp4FileUrl: string | null;
+    primaryPlaybackId: string | null;
+    transcodingState: string;
+    title: string;
+    createdAt: string;
+    updatedAt: string | null;
+    deletedAt: string | null;
+    thumbnailUrl: string;
+    thumbnailSourceFileId: number | null;
+    thumbnailSourceFileUrl: number | null;
+    posterUrl: string;
+    width: number;
+    height: number;
+    duration: number;
+    isEmbeddable: boolean;
+    folderId: number | null;
+    folderPath: string | null;
+    altText: string | null;
+    subtitleLanguageCodes: string[];
+    seoDescription?: string;
+    chapters?: {
+        items: Chapter[];
+    };
+};
+
+export declare const VideoFetchContext: Context<    {
+video?: VideoCrmObject;
+videoFetchError?: FetchError;
+hubspotVideoParams?: HubSpotVideoParams;
+hublet: string;
+env: HsEnvironment;
+}>;
+
+export declare const VideoFetchProvider: ({ children, video, videoFetchError, hubspotVideoParams, onRefetch, ...props }: VideoFetchProviderProps) => JSX_2.Element;
+
+declare type VideoFetchProviderProps = PropsWithChildren<{
+    env: HsEnvironment;
+    hublet: string;
+    videoId: number;
+    video?: VideoCrmObject;
+    videoFetchError?: FetchError;
+    hubspotVideoParams: HubSpotVideoParams;
+    onRefetch?: () => void;
+}>;
+
+export declare const VideoPlayer: ({ portalId, playButtonColor, theme, overlay, }: VideoPlayerProps) => JSX_2.Element | null;
+
+declare type VideoPlayerProps = {
+    portalId: number;
+    playButtonColor?: {
+        color: string;
+    };
+    theme?: keyof typeof HSPlayerThemes;
+    overlay?: React.ReactNode;
+};
+
+export declare const VideoPlayerProvider: ({ video, children, playerCallbacks, }: PropsWithChildren<{
+    video?: VideoCrmObject;
+    playerCallbacks?: PlayerCallbacks;
+}>) => JSX_2.Element;
+
+export declare type VideoResponse = {
+    video: VideoCrmObject;
+};
+
+export declare const VolumeHighIcon: () => JSX_2.Element;
+
+export declare const VolumeLowIcon: () => JSX_2.Element;
+
+export declare const VolumeMuteIcon: () => JSX_2.Element;
+
+export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/video-player-core",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "description": "Core video player components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",

package/dist/api/utils.d.ts

@@ -1,3 +0,0 @@
-import { HsEnvironment } from '../types';
-export declare function getApiOrigin(env?: HsEnvironment, hublet?: string): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/api/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/api/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAOzC,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,MAAM,SAAQ,UAG/D"}

package/dist/api/video.d.ts

@@ -1,9 +0,0 @@
-import { HsEnvironment, SubtitlesByLanguage, VideoResponse } from '../types';
-export type FetchError = Error & {
-    status: number;
-};
-export declare function fetchVideo(videoId: number, portalId: number, env?: HsEnvironment, hublet?: string, skip?: boolean): Promise<VideoResponse | {
-    video: undefined;
-}>;
-export declare function fetchSubtitles(videoId: number, portalId: number, env?: HsEnvironment, hublet?: string): Promise<SubtitlesByLanguage>;
-//# sourceMappingURL=video.d.ts.map

package/dist/api/video.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/api/video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG7E,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpD,wBAAsB,UAAU,CAC9B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,aAAa,EACnB,MAAM,CAAC,EAAE,MAAM,EACf,IAAI,CAAC,EAAE,OAAO;;GAkBf;AAED,wBAAsB,cAAc,CAClC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,aAAa,EACnB,MAAM,CAAC,EAAE,MAAM,gCAahB"}

package/dist/components/CaptionTracks.d.ts

@@ -1,8 +0,0 @@
-import { HsEnvironment } from '../types';
-export declare const CaptionTracks: ({ videoId, portalId, hsEnv, displayLang, }: {
-    videoId: number;
-    portalId: number;
-    hsEnv: HsEnvironment;
-    displayLang: string;
-}) => import("react/jsx-runtime").JSX.Element[] | null;
-//# sourceMappingURL=CaptionTracks.d.ts.map

package/dist/components/CaptionTracks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaptionTracks.d.ts","sourceRoot":"","sources":["../../src/components/CaptionTracks.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAKzC,eAAO,MAAM,aAAa,+CAKvB;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,aAAa,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB,qDAyBA,CAAC"}

package/dist/components/HSPlayerIcons.d.ts

@@ -1,12 +0,0 @@
-export declare const BigPlayIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const PlayPauseIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const VolumeHighIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const VolumeLowIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const VolumeMuteIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const CaptionsMenuIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const SettingsMenuIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const PipIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const EnterFullscreenIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ExitFullscreenIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const CloseIcon: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=HSPlayerIcons.d.ts.map

package/dist/components/HSPlayerIcons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HSPlayerIcons.d.ts","sourceRoot":"","sources":["../../src/components/HSPlayerIcons.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,+CASvB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAazB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAa1B,CAAC;AAEF,eAAO,MAAM,aAAa,+CAYzB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAW1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAY5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAY5B,CAAC;AAEF,eAAO,MAAM,OAAO,+CASnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAa/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAc9B,CAAC;AAEF,eAAO,MAAM,SAAS,+CAarB,CAAC"}

package/dist/components/HSThemeTemplate.d.ts

@@ -1,25 +0,0 @@
-import { HubSpotVideoParams } from '../types';
-import { Translations } from '../utils/i18n';
-import { PlayerActions } from './VideoPlayerProvider';
-type HSPlayerTheme = {
-    themeName: string;
-    primaryColor: string;
-    secondaryColor: string;
-    accentColor: string;
-};
-export declare const HSPlayerThemes: Record<string, HSPlayerTheme>;
-type HubspotPlayerProps = {
-    videoPlayer: React.ReactNode;
-    themeProps: HSPlayerTheme;
-    translations: Translations;
-    hubspotVideoParams: HubSpotVideoParams;
-    fullscreenElement?: HTMLElement;
-    actions: PlayerActions;
-    language: string;
-    isPipMode: boolean;
-    isPipAvailable: boolean;
-    volume: number;
-};
-export declare const HSThemeWrapper: ({ videoPlayer, themeProps, hubspotVideoParams, }: Pick<HubspotPlayerProps, "videoPlayer" | "themeProps" | "hubspotVideoParams">) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=HSThemeTemplate.d.ts.map

package/dist/components/HSThemeTemplate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HSThemeTemplate.d.ts","sourceRoot":"","sources":["../../src/components/HSThemeTemplate.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAc7C,OAAO,EAAE,aAAa,EAAkB,MAAM,uBAAuB,CAAC;AAEtE,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAaxD,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,EAAE,aAAa,CAAC;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,qDAIxB,IAAI,CACL,kBAAkB,EAClB,aAAa,GAAG,YAAY,GAAG,oBAAoB,CACpD,4CAsEA,CAAC"}

package/dist/components/TranslationsProvider.d.ts

@@ -1,13 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { Translations } from '../utils/i18n';
-export declare const TranslationsContext: import('react').Context<{
-    translations: Translations;
-    language: string;
-}>;
-export declare const TranslationsProvider: ({ children, translations, language, }: PropsWithChildren<{
-    translations: Partial<Translations>;
-    language?: string;
-}>) => import("react/jsx-runtime").JSX.Element;
-export declare const useTranslations: () => Translations;
-export declare const useLanguage: () => string;
-//# sourceMappingURL=TranslationsProvider.d.ts.map

package/dist/components/TranslationsProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TranslationsProvider.d.ts","sourceRoot":"","sources":["../../src/components/TranslationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAIL,YAAY,EACb,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,mBAAmB;kBAChB,YAAY;cAChB,MAAM;EACoD,CAAC;AAEvE,eAAO,MAAM,oBAAoB,0CAI9B,iBAAiB,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,4CAsBD,CAAC;AAEF,eAAO,MAAM,eAAe,oBAG3B,CAAC;AAEF,eAAO,MAAM,WAAW,cAGvB,CAAC"}

package/dist/components/VideoFetchProvider.d.ts

@@ -1,22 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { FetchError } from '../api/video';
-import { HsEnvironment, HubSpotVideoParams, VideoCrmObject } from '../types';
-type VideoFetchProviderProps = PropsWithChildren<{
-    env: HsEnvironment;
-    hublet: string;
-    videoId: number;
-    video?: VideoCrmObject;
-    videoFetchError?: FetchError;
-    hubspotVideoParams: HubSpotVideoParams;
-    onRefetch?: () => void;
-}>;
-export declare const VideoFetchContext: import('react').Context<{
-    video?: VideoCrmObject;
-    videoFetchError?: FetchError;
-    hubspotVideoParams?: HubSpotVideoParams;
-    hublet: string;
-    env: HsEnvironment;
-}>;
-export declare const VideoFetchProvider: ({ children, video, videoFetchError, hubspotVideoParams, onRefetch, ...props }: VideoFetchProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=VideoFetchProvider.d.ts.map

package/dist/components/VideoFetchProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoFetchProvider.d.ts","sourceRoot":"","sources":["../../src/components/VideoFetchProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI7E,KAAK,uBAAuB,GAAG,iBAAiB,CAAC;IAC/C,GAAG,EAAE,aAAa,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB;YACpB,cAAc;sBACJ,UAAU;yBACP,kBAAkB;YAC/B,MAAM;SACT,aAAa;EAOlB,CAAC;AA2EH,eAAO,MAAM,kBAAkB,kFAO5B,uBAAuB,4CA8BzB,CAAC"}

package/dist/components/VideoPlayer.d.ts

@@ -1,12 +0,0 @@
-import { HSPlayerThemes } from './HSThemeTemplate';
-type VideoPlayerProps = {
-    portalId: number;
-    playButtonColor?: {
-        color: string;
-    };
-    theme?: keyof typeof HSPlayerThemes;
-    overlay?: React.ReactNode;
-};
-export declare const VideoPlayer: ({ portalId, playButtonColor, theme, overlay, }: VideoPlayerProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=VideoPlayer.d.ts.map

package/dist/components/VideoPlayer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../src/components/VideoPlayer.tsx"],"names":[],"mappings":"AAYA,OAAO,0BAA0B,CAAC;AAKlC,OAAO,EAAE,cAAc,EAAkB,MAAM,mBAAmB,CAAC;AAInE,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,WAAW,mDAKrB,gBAAgB,mDAgGlB,CAAC"}

package/dist/components/VideoPlayerProvider.d.ts

@@ -1,46 +0,0 @@
-import { default as MuxVideoElement, MediaError } from '@mux/mux-video';
-import { PropsWithChildren } from 'react';
-import { VideoCrmObject } from '../types';
-export type PlayerState = {
-    hasStarted: boolean;
-    isPaused: boolean;
-    currentTime: number;
-    hasEnded: boolean;
-    playbackStartedAt?: number;
-    element: MuxVideoElement | null;
-    loadedDuration: number;
-    selectedCaptionTrack: string | null;
-    playbackRate: number;
-    isPipMode: boolean;
-    selectedRendition?: string;
-    isFullscreen: boolean;
-    isPipAvailable: boolean;
-    volume: number;
-};
-export type MenuType = 'captions' | 'settings';
-export type PlayerActions = {
-    play: () => void;
-    pause: (reason?: string) => void;
-    exitFullscreen: () => void;
-    changeVolume: (volume: number) => void;
-    setElement: (el: MuxVideoElement | null) => void;
-    toggleMenu: (menuType: MenuType, isOpen: boolean) => void;
-};
-export type PlayerCallbacks = Pick<React.VideoHTMLAttributes<MuxVideoElement>, 'onPlay' | 'onPlaying' | 'onSeeked' | 'onTimeUpdate' | 'onEnded'> & {
-    onPause?: (event: React.SyntheticEvent<MuxVideoElement>, reason?: string) => void;
-    onError?: (error: MediaError) => void;
-    onCaptionChange?: (lang: string) => void;
-    onToggleMenu?: (menuType: MenuType, isOpen: boolean) => void;
-    onPlaybackRateChange?: (playbackRate: number) => void;
-    onQualityChange?: (renditionId: string) => void;
-};
-export declare const VideoPlayerProvider: ({ video, children, playerCallbacks, }: PropsWithChildren<{
-    video?: VideoCrmObject;
-    playerCallbacks?: PlayerCallbacks;
-}>) => import("react/jsx-runtime").JSX.Element;
-export declare const useVideoPlayer: () => {
-    state: PlayerState;
-    actions: PlayerActions;
-    eventCallbacks: Record<string, React.ReactEventHandler<MuxVideoElement>>;
-};
-//# sourceMappingURL=VideoPlayerProvider.d.ts.map

package/dist/components/VideoPlayerProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoPlayerProvider.d.ts","sourceRoot":"","sources":["../../src/components/VideoPlayerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAS7D,OAAO,EAEL,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA4C1C,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IAEnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,EAAE,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3D,CAAC;AAQF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAC1C,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,SAAS,CACjE,GAAG;IACF,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC5C,MAAM,CAAC,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AA8MF,eAAO,MAAM,mBAAmB,0CAI7B,iBAAiB,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC,4CAQD,CAAC;AAEF,eAAO,MAAM,cAAc;WAjPlB,WAAW;aACT,aAAa;oBACN,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;CAqPzE,CAAC"}

package/dist/constants.d.ts

@@ -1,8 +0,0 @@
-export declare const DEFAULT_ASPECT_RATIO: number;
-export declare const DEFAULT_PLAY_BUTTON_COLOR = "#F7761F";
-export declare const DEFAULT_HLS_OPTIONS: {
-    debug: boolean;
-    maxBufferSize: number;
-    maxBufferLength: number;
-};
-//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,QAAS,CAAC;AAE3C,eAAO,MAAM,yBAAyB,YAAY,CAAC;AAGnD,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC"}

package/dist/hooks/useAsyncEffect.d.ts

@@ -1,9 +0,0 @@
-type EffectResult = void | undefined | (() => EffectResult) | Promise<void | undefined | (() => EffectResult)>;
-/**
- * In some cases it may be necessary to mock dismissErrorWithoutHandling
- * in tests.
- */
-export declare function dismissErrorWithoutHandling(error: Error): void;
-export declare function useAsyncEffect(effect: () => EffectResult, deps: unknown[]): void;
-export {};
-//# sourceMappingURL=useAsyncEffect.d.ts.map

package/dist/hooks/useAsyncEffect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAsyncEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useAsyncEffect.ts"],"names":[],"mappings":"AAKA,KAAK,YAAY,GACb,IAAI,GACJ,SAAS,GACT,CAAC,MAAM,YAAY,CAAC,GACpB,OAAO,CAAC,IAAI,GAAG,SAAS,GAAG,CAAC,MAAM,YAAY,CAAC,CAAC,CAAC;AAErD;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,KAAK,QAIvD;AAsBD,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,QAgCzE"}

package/dist/hooks/useSubtitles.d.ts

@@ -1,6 +0,0 @@
-import { HsEnvironment, SubtitlesByLanguage } from '../types';
-export declare const useSubtitles: (videoId: number, portalId: number, env?: HsEnvironment, hublet?: string) => {
-    subtitles: SubtitlesByLanguage | undefined;
-    fetchError: Error | undefined;
-};
-//# sourceMappingURL=useSubtitles.d.ts.map

package/dist/hooks/useSubtitles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSubtitles.d.ts","sourceRoot":"","sources":["../../src/hooks/useSubtitles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE9D,eAAO,MAAM,YAAY,YACd,MAAM,YACL,MAAM,QACV,aAAa,WACV,MAAM;;;CAiBhB,CAAC"}

package/dist/hooks/useVideo.d.ts

@@ -1,8 +0,0 @@
-import { FetchError } from '../api/video';
-import { HsEnvironment, VideoCrmObject } from '../types';
-export declare const useVideo: (videoId: number, portalId: number, env?: HsEnvironment, hublet?: string, skip?: boolean) => {
-    video: VideoCrmObject | undefined;
-    fetchError: FetchError | undefined;
-    refetch: () => void;
-};
-//# sourceMappingURL=useVideo.d.ts.map

package/dist/hooks/useVideo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVideo.d.ts","sourceRoot":"","sources":["../../src/hooks/useVideo.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAc,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEzD,eAAO,MAAM,QAAQ,YACV,MAAM,YACL,MAAM,QACV,aAAa,WACV,MAAM,SACR,OAAO;;;;CAkCf,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,mBAAmB,6BAA6B,CAAC;AAEjD,OAAO,EACL,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,oCAAoC,CAAC;AAC5C,mBAAmB,oCAAoC,CAAC;AAExD,cAAc,qCAAqC,CAAC;AACpD,mBAAmB,qCAAqC,CAAC;AAEzD,cAAc,sCAAsC,CAAC;AACrD,mBAAmB,sCAAsC,CAAC;AAE1D,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,gBAAgB,CAAC;AAEpC,mBAAmB,YAAY,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/dist/styles/player-theme-styles.d.ts

@@ -1,3 +0,0 @@
-declare const _default: ":host {\n  direction: ltr;\n}\n\nmedia-controller {\n  --media-font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;\n  --media-font-weight: 500;\n  --media-font-size: 12px;\n  --hs-fullscreen-font-size: 17px;\n  --hs-tooltip-font-size: 12px;\n  font-family: var(--media-font-family);\n  font-weight: var(--media-font-weight);\n  font-size: var(--media-font-size);\n  -webkit-font-smoothing: antialiased;\n\n  /* vars configured through theme props - matches DARK theme defaults.\n     accent color is driven by play button color field */\n  --media-primary-color: #ffffff;\n  --media-text-color: #ffffff;\n  --hs-secondary-color: #141414;\n  --hs-secondary-color-translucent: #141414cc;\n  --media-accent-color: #f7761f;\n  /* end configurable vars */\n\n  --media-secondary-color: transparent;\n  --hs-menu-border-color: #666666;\n  --hs-menu-bottom-offset: 40px;\n  --media-menu-border-radius: 8px;\n  --media-menu-background: color-mix(\n    in srgb,\n    var(--hs-secondary-color) 75%,\n    transparent\n  );\n  --media-control-hover-background: transparent;\n  --media-range-track-height: 3px;\n  --media-range-thumb-height: 13px;\n  --media-range-thumb-width: 13px;\n  --media-range-thumb-border-radius: 13px;\n  --media-tooltip-background-color: var(\n    --hs-secondary-color,\n    rgba(20, 20, 30, 0.7)\n  );\n  --media-object-fit: cover; /* avoids 1px black bars that tend to occur in safari, depending on exact window & video size */\n  position: absolute;\n  height: 100%;\n  width: 100%;\n}\n\nmedia-controller[breakpointmd] {\n  --media-font-size: 14px;\n  --hs-menu-bottom-offset: 45px;\n}\n\n/* The biggest size controller is tied to going fullscreen instead of a player width */\nmedia-controller[mediaisfullscreen] {\n  font-size: var(--hs-fullscreen-font-size);\n  --media-object-fit: contain;\n  --hs-menu-bottom-offset: 60px;\n  --media-range-thumb-height: 20px;\n  --media-range-thumb-width: 20px;\n  --media-range-thumb-border-radius: 10px;\n  --media-range-track-height: 4px;\n}\n/* attempt to move captions above the control bar, not working except for Chrome, see https://www.mux.com/blog/if-you-can-read-this-your-browser-captions-are-broken */\nvideo::-webkit-media-text-track-display {\n  transform: translateY(-3em);\n}\n\n.hs-button {\n  position: relative;\n  padding: 0 8px;\n  height: 100%;\n  opacity: 0.9;\n  transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1);\n  --media-font-size: var(--hs-tooltip-font-size);\n  --media-button-icon-width: 16px;\n  --media-button-icon-height: 16px;\n}\n\n.hs-button:hover {\n  opacity: 1;\n}\n\n.hs-button[disabled],\n.hs-button[disabled]:hover {\n  --media-tooltip-display: none;\n  opacity: 0.5;\n}\n\n[mediaisfullscreen] .hs-button {\n  padding: 0 12px;\n  --media-button-icon-width: 24px;\n  --media-button-icon-height: 24px;\n  --hs-tooltip-font-size: 14px;\n}\n\n.hs-button svg {\n  width: var(--media-button-icon-width);\n  height: var(--media-button-icon-height);\n  fill: var(--media-primary-color);\n  fill-rule: evenodd;\n}\n\n.svg-shadow {\n  stroke: #000;\n  stroke-opacity: 0.15;\n  stroke-width: 2px;\n  fill: none;\n}\n\n/* Big centered Play/Pause */\nmedia-play-button.centered-play-button,\nmedia-pause-button.centered-play-button {\n  --hs-big-play-button-height: 4rem;\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  aspect-ratio: 1;\n  padding: 0;\n  z-index: 1;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.7s ease-in;\n  height: var(--hs-big-play-button-height);\n\n  --media-control-background: color-mix(\n    in srgb,\n    var(--media-accent-color) 70%,\n    transparent\n  );\n  --media-control-hover-background: color-mix(\n    in srgb,\n    var(--media-accent-color) 85%,\n    transparent\n  );\n  --media-tooltip-display: none;\n  --media-button-icon-width: 28px;\n  --media-button-icon-height: 28px;\n  --media-icon-color: var(--hs-secondary-color);\n}\n[mediapaused] media-play-button.centered-play-button {\n  opacity: 1;\n  transition: opacity 0.3s ease-in;\n}\n\n[breakpointsm] media-play-button.centered-play-button {\n  --hs-big-play-button-height: 5rem;\n  --media-button-icon-height: 32px;\n}\n\n[breakpointlg] media-play-button.centered-play-button,\n[mediaisfullscreen] media-play-button.centered-play-button {\n  --hs-big-play-button-height: 7rem;\n  --media-button-icon-height: 50px;\n}\n\n/* Error Dialog */\nmedia-error-dialog {\n  --media-control-background: rgba(255, 255, 255, 0.7);\n  z-index: 2;\n}\n\n/* Gradient */\n.hs-control-bar-background {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 0;\n  background: linear-gradient(\n    transparent,\n    rgba(0, 0, 0, 0.6) 60%,\n    rgba(0, 0, 0, 0.8)\n  );\n}\n\n[breakpointmd] .hs-control-bar-background {\n  padding: 6px 12px;\n}\n\n[data-theme-variant='light'].hs-control-bar-background {\n  background: none;\n  background-color: var(--hs-secondary-color-translucent);\n}\n\n.hs-bottom-gradient {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  bottom: 0;\n  pointer-events: none;\n  box-shadow: inset 0 -24px 8px -8px rgba(30, 30, 30, 0.3),\n    inset 0 -48px 16px -16px rgba(60, 60, 60, 0.25);\n  border-radius: 5px;\n}\n[data-theme-variant='light'].hs-bottom-gradient {\n  box-shadow: inset 0 -24px 8px -8px rgba(210, 210, 210, 0.3),\n    inset 0 -48px 16px -16px rgba(250, 250, 250, 0.25);\n}\n\n/* Settings Menu - media-settings-menu and media-captions menu are at bottom, or else they cannot be clicked and the player toggles play/pause instead */\nmedia-settings-menu {\n  position: absolute;\n  background-color: var(--media-menu-background);\n  border: 1px solid var(--hs-menu-border-color);\n  border-radius: var(--media-menu-border-radius);\n  right: 2px;\n  bottom: var(--hs-menu-bottom-offset);\n  z-index: 10;\n  will-change: width, height;\n  transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);\n  user-select: none;\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  --media-settings-menu-min-width: 220px;\n}\n[mediaisfullscreen] media-settings-menu {\n  --media-settings-menu-min-width: 320px;\n  right: 24px;\n}\n\nmedia-settings-menu [slot='title'] {\n  padding: 4px 0;\n}\n\nmedia-settings-menu-item {\n  height: 40px;\n  font-weight: var(--media-font-weight);\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n[mediaisfullscreen] media-settings-menu-item {\n  font-size: var(--hs-fullscreen-font-size);\n  height: 50px;\n}\n\nmedia-settings-menu-item[submenusize='0'] {\n  display: none;\n}\n\n/* Also hide if only 'Auto' is added. */\n.quality-settings[submenusize='1'] {\n  display: none;\n}\n\nmedia-captions-menu {\n  position: absolute;\n  background-color: var(--media-menu-background);\n  border: 1px solid var(--hs-menu-border-color);\n  border-radius: var(--media-menu-border-radius);\n  bottom: var(--hs-menu-bottom-offset);\n  right: 50px;\n  z-index: 10;\n  will-change: width, height;\n  transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);\n  user-select: none;\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n}\n[mediaisfullscreen] media-captions-menu {\n  bottom: var(--hs-menu-bottom-offset);\n  font-size: var(--hs-fullscreen-font-size);\n}\n\n/* Time Range / Progress Bar */\nmedia-time-range {\n  width: 100%;\n  height: 8px;\n  bottom: 6px;\n  z-index: 2;\n  --media-range-track-background: rgba(155, 155, 155, 0.5);\n  --media-range-track-pointer-background: rgba(155, 155, 155, 0.5);\n  --media-range-track-height: 6px;\n  --media-range-track-border-radius: 10px;\n  --media-box-border-radius: 4px;\n  --media-time-range-buffered-color: rgba(255, 255, 255, 0.4);\n  --media-range-bar-color: var(--media-accent-color);\n\n  --media-range-thumb-border-radius: 13px;\n  --media-range-thumb-background: var(--media-accent-color);\n  --media-range-thumb-transition: transform 0.1s linear;\n  --media-range-thumb-transform: scale(0) translate(0%, 0%);\n\n  --media-preview-thumbnail-border: 2px solid transparent;\n  --media-preview-thumbnail-border-radius: 4px;\n  --media-preview-chapter-text-shadow: none;\n  --media-preview-time-text-shadow: none;\n  --media-preview-thumbnail-background: var(--hs-secondary-color);\n  --media-preview-chapter-background: var(--hs-secondary-color);\n  --media-preview-time-background: var(--hs-secondary-color);\n}\nmedia-time-range:hover {\n  --media-range-thumb-transform: scale(1) translate(0%, 0%);\n}\n[mediaisfullscreen] media-time-range:hover {\n  --media-range-track-height: 8px;\n}\n\nmedia-preview-thumbnail {\n  background-color: var(--hs-secondary-color);\n}\n\n/* Control Bar */\nmedia-control-bar {\n  position: relative;\n  height: 35px;\n  line-height: 35px;\n  padding-right: 5px;\n}\n[breakpointmd] media-control-bar {\n  height: 45px;\n  line-height: 45px;\n}\n[mediaisfullscreen] media-control-bar {\n  height: 54px;\n  line-height: 54px;\n}\n\n/* Play/Pause */\n/* Slow down the play icon part hiding slightly to achieve the morphing look a little better */\nmedia-play-button:not([mediapaused]) #play-p2,\nmedia-play-button:not([mediapaused]) #play-p2 {\n  transition: clip-path 0.35s ease-in;\n}\n\n/* Show icon */\nmedia-play-button :is(#pause-p1, #pause-p2),\nmedia-play-button[mediapaused] :is(#play-p1, #play-p2) {\n  clip-path: inset(0);\n}\n\n/* Hide icon wth clip path mask */\nmedia-play-button #play-p1 {\n  clip-path: inset(0 100% 0 0);\n}\nmedia-play-button #play-p2 {\n  clip-path: inset(0 20% 0 100%);\n}\nmedia-play-button[mediapaused] #pause-p1 {\n  clip-path: inset(50% 0 50% 0);\n}\nmedia-play-button[mediapaused] #pause-p2 {\n  clip-path: inset(50% 0 50% 0);\n}\n\n/* Volume/Mute */\nmedia-mute-button.hs-button {\n  padding-bottom: 1px;\n}\n\nmedia-mute-button svg {\n  stroke: var(--media-primary-color);\n  stroke-width: 0.75px;\n}\n\nmedia-mute-button :is(#icon-muted, #icon-volume) {\n  transition: clip-path 0.3s ease-out;\n}\nmedia-mute-button #icon-muted {\n  clip-path: inset(0 0 100% 0);\n}\nmedia-mute-button[mediavolumelevel='off'] #icon-muted {\n  clip-path: inset(0);\n}\nmedia-mute-button #icon-volume {\n  clip-path: inset(0);\n}\nmedia-mute-button[mediavolumelevel='off'] #icon-volume {\n  clip-path: inset(100% 0 0 0);\n}\n\nmedia-mute-button #volume-high,\nmedia-mute-button[mediavolumelevel='off'] #volume-high {\n  opacity: 1;\n  transition: opacity 0.3s;\n}\nmedia-mute-button[mediavolumelevel='low'] #volume-high,\nmedia-mute-button[mediavolumelevel='medium'] #volume-high {\n  opacity: 0.2;\n}\n\nmedia-controller .media-volume-wrapper {\n  position: relative;\n}\n\n.media-volume-range-wrapper {\n  position: absolute;\n  top: -3.75rem;\n  left: -2.5rem;\n  height: 40px;\n  width: 100px;\n  opacity: 0;\n  transform: rotate(-90deg);\n  z-index: 5;\n}\n\n[mediaisfullscreen] .media-volume-range-wrapper {\n  top: -4.75rem;\n  left: -3rem;\n  width: 8rem;\n}\n\n.media-volume-range-inner {\n  position: relative;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 12px; /* achieves proper vertical alignment of other popup menus, while ensuring you can move cursor up after hovering on mute button without dismissing */\n  background-color: var(--hs-secondary-color-translucent);\n  border: 1px solid var(--hs-menu-border-color);\n  border-radius: 5px;\n}\n\nmedia-mute-button:hover + .media-volume-range-wrapper,\nmedia-mute-button:focus + .media-volume-range-wrapper,\nmedia-mute-button:focus-within + .media-volume-range-wrapper,\n.media-volume-range-wrapper:hover,\n.media-volume-range-wrapper:focus,\n.media-volume-range-wrapper:focus-within {\n  opacity: 1;\n}\n\nmedia-volume-range {\n  height: 100%;\n  width: 100%;\n  vertical-align: middle;\n  --media-range-track-background: var(--media-primary-color);\n}\n\n/* Time Display */\nmedia-time-display {\n  padding-top: 0;\n  padding-bottom: 8px;\n  padding-left: 6px;\n}\n[mediaisfullscreen] media-time-display {\n  font-size: var(--hs-fullscreen-font-size);\n}\n\n/* Control spacer */\n.control-spacer {\n  flex-grow: 1;\n}\n\n/* Subtitles/CC Button */\nmedia-captions-button {\n  position: relative;\n}\n\nmedia-captions-menu-button svg {\n  stroke: var(--media-primary-color);\n  stroke-width: 0.5px;\n}\n\n/* Hide the captions menu button when no subtitles are available */\nmedia-captions-menu-button:not([mediasubtitleslist]) {\n  display: none;\n}\n\n/* Disble the captions button when no subtitles are available */\nmedia-captions-button:not([mediasubtitleslist]) svg {\n  opacity: 0.3;\n}\n\nmedia-captions-button[mediasubtitleslist]:after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 0;\n  height: 3px;\n  border-radius: 3px;\n  background-color: var(--media-accent-color);\n  bottom: 19%;\n  left: 50%;\n  transition: all 0.1s cubic-bezier(0, 0, 0.2, 1),\n    width 0.1s cubic-bezier(0, 0, 0.2, 1);\n}\n\nmedia-captions-button[mediasubtitleslist][aria-checked='true']:after {\n  left: 25%;\n  width: 50%;\n  transition: left 0.25s cubic-bezier(0, 0, 0.2, 1),\n    width 0.25s cubic-bezier(0, 0, 0.2, 1);\n}\n\nmedia-captions-button[mediasubtitleslist][aria-checked='true']:after {\n  left: 25%;\n  width: 50%;\n\n  transition: left 0.25s cubic-bezier(0, 0, 0.2, 1),\n    width 0.25s cubic-bezier(0, 0, 0.2, 1);\n}\n\n/* Settings Menu Button */\nmedia-settings-menu-button svg {\n  stroke: var(--media-primary-color);\n  stroke-width: 1px;\n  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);\n  transform: rotateZ(0deg);\n}\nmedia-settings-menu-button[aria-expanded='true'] svg {\n  stroke: var(--media-primary-color);\n  stroke-width: 0.5px;\n  transform: rotateZ(30deg);\n}\n";
-export default _default;
-//# sourceMappingURL=player-theme-styles.d.ts.map

package/dist/styles/player-theme-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"player-theme-styles.d.ts","sourceRoot":"","sources":["../../src/styles/player-theme-styles.ts"],"names":[],"mappings":"wBAAe,gyaAAgya;AAA/ya,wBAAgza"}

package/dist/types.d.ts

@@ -1,60 +0,0 @@
-export type HsEnvironment = 'qa' | 'prod';
-export type ConversionAsset = {
-    type: 'CTA' | 'FORM';
-    id: string;
-    position: 'PRE' | 'POST' | 'CUSTOM';
-    overlay_delay_seconds?: number;
-    prevent_skip?: boolean;
-};
-export type HubSpotVideoParams = {
-    player_id: number;
-    width: number;
-    height: number;
-    max_width?: number;
-    max_height?: number;
-    size_type?: 'auto_full_width' | 'auto_custom_max' | 'exact';
-    autoplay?: boolean;
-    hide_controls?: boolean;
-    loop_video?: boolean;
-    mute_by_default?: boolean;
-    conversion_asset?: ConversionAsset;
-};
-export type Chapter = {
-    title: string;
-    startTime: number;
-};
-export type VideoCrmObject = {
-    portalId: number;
-    videoId: number;
-    crmObjectId: number;
-    sourceFileId: number;
-    fileUrl: string;
-    mp4FileUrl: string | null;
-    primaryPlaybackId: string | null;
-    transcodingState: string;
-    title: string;
-    createdAt: string;
-    updatedAt: string | null;
-    deletedAt: string | null;
-    thumbnailUrl: string;
-    thumbnailSourceFileId: number | null;
-    thumbnailSourceFileUrl: number | null;
-    posterUrl: string;
-    width: number;
-    height: number;
-    duration: number;
-    isEmbeddable: boolean;
-    folderId: number | null;
-    folderPath: string | null;
-    altText: string | null;
-    subtitleLanguageCodes: string[];
-    seoDescription?: string;
-    chapters?: {
-        items: Chapter[];
-    };
-};
-export type VideoResponse = {
-    video: VideoCrmObject;
-};
-export type SubtitlesByLanguage = Record<string, string>;
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,MAAM,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,GAAG,OAAO,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,eAAe,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,OAAO,EAAE,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC"}

package/dist/utils/i18n.d.ts

@@ -1,47 +0,0 @@
-import { TranslateDictionary } from 'media-chrome/lang/en';
-export declare const DEFAULT_LANGUAGE = "en";
-export declare const DEFAULT_TRANSLATIONS: {
-    readonly play: "Play";
-    readonly pause: "Pause";
-    readonly mute: "Mute";
-    readonly unmute: "Unmute";
-    readonly captions: "Captions";
-    readonly settings: "Settings";
-    readonly playbackSpeed: "Playback speed";
-    readonly quality: "Quality";
-    readonly auto: "Auto";
-    readonly off: "Off";
-    readonly enterFullscreen: "Enter fullscreen mode";
-    readonly exitFullscreen: "Exit fullscreen mode";
-    readonly enterPipMode: "Enter picture-in-picture mode";
-    readonly exitPipMode: "Exit picture-in-picture mode";
-    readonly seek: "Seek";
-    readonly playbackTime: "playback time";
-    readonly videoPlayer: "video player";
-    readonly audioPlayer: "audio player";
-    readonly loading: "media loading";
-    readonly closedCaptions: "closed captions";
-    readonly networkError: "Network Error";
-    readonly decodeError: "Decode Error";
-    readonly sourceNotSupported: "Source Not Supported";
-    readonly encryptionError: "Encryption Error";
-    readonly networkErrorMessage: "A network error caused the media download to fail.";
-    readonly decodeErrorMessage: "A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.";
-    readonly unsupportedErrorMessage: "An unsupported error occurred. The server or network failed, or your browser does not support this format.";
-    readonly encryptionErrorMessage: "The media is encrypted and there are no keys to decrypt it.";
-    readonly watchVideo: "Watch video";
-    readonly defaultInlineMessage: "Thanks for your response!";
-    readonly notFoundVideoFetchError: "Video not found";
-    readonly notAuthorizedVideoFetchError: "Video not enabled";
-    readonly genericVideoFetchError: "Could not load video";
-    readonly retry: "Try again";
-};
-type TranslationKeys = keyof typeof DEFAULT_TRANSLATIONS;
-export type Translations = Record<TranslationKeys, string>;
-/**
- * Create map of media-chrome's i18n keys to string values of the provided translations object
- * https://www.media-chrome.org/docs/en/internationalization/adding-language-support
- */
-export declare const createTranslationsMap: (translations: Partial<Translations>) => Partial<TranslateDictionary>;
-export {};
-//# sourceMappingURL=i18n.d.ts.map

package/dist/utils/i18n.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/utils/i18n.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCvB,CAAC;AAEX,KAAK,eAAe,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,iBAClB,OAAO,CAAC,YAAY,CAAC,KAClC,OAAO,CAAC,mBAAmB,CA4C7B,CAAC"}

package/dist/utils/playerContainer.d.ts

@@ -1,4 +0,0 @@
-import { CSSProperties } from 'react';
-import { HubSpotVideoParams } from '../types';
-export declare const getContainerStyles: (hubspotVideoParams: HubSpotVideoParams) => CSSProperties;
-//# sourceMappingURL=playerContainer.d.ts.map

package/dist/utils/playerContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"playerContainer.d.ts","sourceRoot":"","sources":["../../src/utils/playerContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAqB9C,eAAO,MAAM,kBAAkB,uBACT,kBAAkB,KACrC,aASD,CAAC"}