@atlaskit/media-ui 28.5.2 → 28.5.3

package/dist/esm/customMediaPlayer/mediaPlayer/useTextTracks.js

@@ -1,90 +1,163 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { hasArtifacts } from '@atlaskit/media-client';
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
+import { useMediaClient, useMediaSettings } from '@atlaskit/media-client-react';
+import { getUserCaptionsEnabled, getUserCaptionsLocale, findPreselectedTrackIndex, setUserCaptionsEnabled, setUserCaptionsLocale } from './captions';
+import { useIntl } from 'react-intl-next';
 var decodeMimetype = function decodeMimetype(mimeType) {
   var keyValues = (mimeType === null || mimeType === void 0 ? void 0 : mimeType.split(';')) || [];
   var captionsRawMetadata = Object.fromEntries(keyValues.map(function (keyValue) {
     return keyValue.split('=');
   }));
+  var fileName = captionsRawMetadata.n ? atob(captionsRawMetadata.n) : 'no-name';
+  var lang = captionsRawMetadata.l || 'en';
   return {
-    lang: captionsRawMetadata.l || 'en',
-    fileName: captionsRawMetadata.f || 'no-name.vtt',
-    label: captionsRawMetadata.label || 'no-name'
+    lang: lang,
+    fileName: fileName,
+    label: lang
   };
 };
-export var useTextTracks = function useTextTracks(fileState, mediaClient, collectionName) {
-  var _useState = useState(),
+var NO_SELECTED_TRACKS_INDEX = -1;
+export var useTextTracks = function useTextTracks(fileState, collectionName) {
+  var mediaClient = useMediaClient();
+  var isLoadingCaptionsObjectURLs = useRef(new Map());
+  var captionsObjectURLs = useRef(new Map());
+  var intl = useIntl();
+  var _ref = useMediaSettings() || {},
+    mediaUserPreferences = _ref.mediaUserPreferences;
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    textTracks = _useState2[0],
-    setTextTracks = _useState2[1];
+    captionTracks = _useState2[0],
+    setCaptionTracks = _useState2[1];
+  var _useState3 = useState(mediaUserPreferences ? getUserCaptionsEnabled(mediaUserPreferences) : false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    areCaptionsEnabled = _useState4[0],
+    setAreCaptionsEnabled = _useState4[1];
+  var _useState5 = useState(NO_SELECTED_TRACKS_INDEX),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedTracksIndex = _useState6[0],
+    setSelectedTracksIndex = _useState6[1];
+  var resolvedSelectedTracksIndex = useMemo(function () {
+    return areCaptionsEnabled ? selectedTracksIndex : NO_SELECTED_TRACKS_INDEX;
+  }, [areCaptionsEnabled, selectedTracksIndex]);
+
+  // When video starts playing, user settings might have changed
+  var verifyUserCaptionsEnabled = useCallback(function () {
+    if (mediaUserPreferences) {
+      setAreCaptionsEnabled(getUserCaptionsEnabled(mediaUserPreferences));
+    }
+  }, [mediaUserPreferences]);
+
+  // Converts file artifacts to base text tracks, i.e. text tracks with a source creator function.
+  // The src is resolved on every selected track change.
   useEffect(function () {
     if (!fileState || !hasArtifacts(fileState)) {
+      setCaptionTracks([]);
       return;
     }
-    var captions = Object.entries(fileState.artifacts || {}).filter(function (caption) {
+    var captionsArtifacts = Object.entries(fileState.artifacts || {}).filter(function (caption) {
       var _caption = _slicedToArray(caption, 2),
         key = _caption[0],
         value = _caption[1];
       return key.includes('ugc_caption') && !!value;
     });
-    if (captions.length > 0) {
-      Promise.all(captions.map( /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-          var _ref3, artifactName, mimeType, artifacts, baseUrl, src, _decodeMimetype, lang, label;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _ref3 = _slicedToArray(_ref, 2), artifactName = _ref3[0], mimeType = _ref3[1].mimeType;
-                _context.prev = 1;
-                artifacts = fileState.artifacts;
-                _context.t0 = artifacts;
-                if (!_context.t0) {
-                  _context.next = 8;
-                  break;
-                }
-                _context.next = 7;
-                return mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaStore.getArtifactBinary(artifacts, artifactName, {
-                  collectionName: collectionName
-                });
-              case 7:
-                _context.t0 = _context.sent;
-              case 8:
-                baseUrl = _context.t0;
-                src = baseUrl && URL.createObjectURL(baseUrl) || '';
-                _decodeMimetype = decodeMimetype(mimeType), lang = _decodeMimetype.lang, label = _decodeMimetype.label;
-                return _context.abrupt("return", {
-                  src: src,
-                  lang: lang,
-                  label: label,
-                  artifactName: artifactName
-                });
-              case 14:
-                _context.prev = 14;
-                _context.t1 = _context["catch"](1);
-              case 16:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee, null, [[1, 14]]);
-        }));
-        return function (_x) {
-          return _ref2.apply(this, arguments);
-        };
-      }())).then(function (tracks) {
-        setTextTracks({
-          captions: {
-            selectedTrackIndex: 1,
-            tracks: tracks.filter(function (track) {
-              return !!(track !== null && track !== void 0 && track.src);
-            })
-          }
+    setCaptionTracks(captionsArtifacts.map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        artifactName = _ref3[0],
+        mimeType = _ref3[1].mimeType;
+      var _decodeMimetype = decodeMimetype(mimeType),
+        lang = _decodeMimetype.lang,
+        label = _decodeMimetype.label;
+      var src = captionsObjectURLs.current.get(artifactName);
+      return {
+        lang: lang,
+        label: label,
+        artifactName: artifactName,
+        src: src
+      };
+    })
+    // Sort based on current locale
+    .sort(function (a, b) {
+      return a.lang.localeCompare(b.lang, intl.locale);
+    }));
+  }, [fileState, intl.locale]);
+
+  // Update the user caption enabled preferences
+  useEffect(function () {
+    if (mediaUserPreferences) {
+      setUserCaptionsEnabled(mediaUserPreferences, areCaptionsEnabled);
+    }
+  }, [mediaUserPreferences, areCaptionsEnabled]);
+
+  // Update the user locale preferences
+  useEffect(function () {
+    var _ref4 = captionTracks[resolvedSelectedTracksIndex] || {},
+      lang = _ref4.lang;
+    if (mediaUserPreferences && lang) {
+      setUserCaptionsLocale(mediaUserPreferences, lang);
+    }
+  }, [mediaUserPreferences, captionTracks, resolvedSelectedTracksIndex]);
+
+  // Reset the selected track index when the locale or text tracks change
+  useEffect(function () {
+    var preselectedTrackIndex = findPreselectedTrackIndex(captionTracks, intl.locale, mediaUserPreferences && getUserCaptionsLocale(mediaUserPreferences));
+    setSelectedTracksIndex(preselectedTrackIndex || 0);
+  }, [mediaUserPreferences, intl.locale, captionTracks]);
+  useEffect(function () {
+    if (fileState && hasArtifacts(fileState)) {
+      var _ref5 = captionTracks[resolvedSelectedTracksIndex] || {},
+        artifactName = _ref5.artifactName,
+        src = _ref5.src;
+      if (artifactName && !src && !isLoadingCaptionsObjectURLs.current.get(artifactName)) {
+        isLoadingCaptionsObjectURLs.current.set(artifactName, true);
+        mediaClient.mediaStore.getArtifactBinary(fileState.artifacts, artifactName, {
+          collectionName: collectionName
+        }).then(function (blob) {
+          var objectUrl = URL.createObjectURL(blob);
+          captionsObjectURLs.current.set(artifactName, objectUrl);
+          setCaptionTracks(function (prevCaptionTracks) {
+            var newCaptionTracks = _toConsumableArray(prevCaptionTracks);
+            newCaptionTracks[resolvedSelectedTracksIndex] = _objectSpread(_objectSpread({}, newCaptionTracks[resolvedSelectedTracksIndex]), {}, {
+              src: objectUrl
+            });
+            return newCaptionTracks;
+          });
+        }).catch(function (error) {
+          // TODO: Handle this error
+          // https://product-fabric.atlassian.net/browse/BMPT-6929
+        }).finally(function () {
+          isLoadingCaptionsObjectURLs.current.set(artifactName, false);
         });
-      });
-    } else {
-      setTextTracks(undefined);
+      }
     }
-  }, [fileState, collectionName, mediaClient]);
-  return textTracks;
+  }, [resolvedSelectedTracksIndex, captionTracks, mediaClient, fileState, collectionName]);
+
+  // Revokes the object urls when the component unmounts.
+  useEffect(function () {
+    var currentCaptionsObjectURLs = captionsObjectURLs.current;
+    return function () {
+      currentCaptionsObjectURLs.forEach(function (objectUrl) {
+        URL.revokeObjectURL(objectUrl);
+      });
+    };
+  }, []);
+  var textTracks = useMemo(function () {
+    return {
+      captions: {
+        selectedTrackIndex: resolvedSelectedTracksIndex,
+        tracks: captionTracks
+      }
+    };
+  }, [captionTracks, resolvedSelectedTracksIndex]);
+  return {
+    textTracks: textTracks,
+    verifyUserCaptionsEnabled: verifyUserCaptionsEnabled,
+    areCaptionsEnabled: areCaptionsEnabled,
+    setSelectedTracksIndex: setSelectedTracksIndex,
+    setAreCaptionsEnabled: setAreCaptionsEnabled
+  };
 };

package/dist/types/customMediaPlayer/mediaPlayer/index.d.ts

@@ -1 +1,2 @@
-export { MediaPlayer, type MediaPlayerProps } from './mediaPlayer';
+export { MediaPlayer } from './mediaPlayer';
+export { type MediaPlayerProps } from './types';

package/dist/types/customMediaPlayer/mediaPlayer/mediaPlayer.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { type MediaPlayerBaseProps } from './mediaPlayerBase';
-export type MediaPlayerProps = Omit<MediaPlayerBaseProps, 'textTracks' | 'mediaSettings'>;
-export declare const MediaPlayerWihtoutContext: (props: MediaPlayerProps) => React.JSX.Element;
+import { type MediaPlayerProps } from './types';
+export declare const MediaPlayerWihtoutContext: ({ onPlay, ...props }: MediaPlayerProps) => React.JSX.Element;
 export declare const MediaPlayer: React.ForwardRefExoticComponent<MediaPlayerProps & React.RefAttributes<any>>;

package/dist/types/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts

@@ -1,42 +1,9 @@
 import React from 'react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type MediaFeatureFlags, type NumericalCardDimensions } from '@atlaskit/media-common';
-import { type VideoTextTracks } from '../react-video-renderer';
-import { type WithPlaybackProps } from '../analytics';
 import { type WrappedComponentProps } from 'react-intl-next';
-import { type TimeSaverConfig } from '../timeSaver';
-import { type CustomMediaPlayerType } from '../types';
-import { type WithShowControlMethodProp } from '../../types';
-import { type FileIdentifier, type FileState } from '@atlaskit/media-client';
-import { type MediaParsedSettings } from '@atlaskit/media-client-react';
-export interface MediaPlayerBaseProps extends WithPlaybackProps, WithShowControlMethodProp {
-    readonly type: CustomMediaPlayerType;
-    readonly src: string;
-    readonly identifier: FileIdentifier;
-    readonly fileState?: FileState;
-    readonly onHDToggleClick?: () => void;
-    readonly isShortcutEnabled?: boolean;
-    readonly lastWatchTimeConfig?: TimeSaverConfig;
-    readonly onCanPlay?: () => void;
-    readonly onPlay?: () => void;
-    readonly onPause?: () => void;
-    readonly onTimeChanged?: () => void;
-    readonly onError?: () => void;
-    readonly onDownloadClick?: () => void;
-    readonly onFirstPlay?: () => void;
-    readonly onFullscreenChange?: (fullscreen: boolean) => void;
-    readonly originalDimensions?: NumericalCardDimensions;
-    readonly featureFlags?: MediaFeatureFlags;
-    readonly poster?: string;
-    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
-    readonly textTracks?: VideoTextTracks;
-    readonly areControlsVisible?: boolean;
-    readonly mediaSettings?: MediaParsedSettings;
-}
+import { type MediaPlayerBaseProps } from './types';
 export interface CustomMediaPlayerState {
     playerWidth: number;
-    selectedTracksIndex: number;
-    areCaptionsEnabled?: boolean;
     isArtifactUploaderOpen: boolean;
     artifactToDelete?: string;
     isFullScreenEnabled: boolean;

package/dist/types/customMediaPlayer/mediaPlayer/types.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { type MediaFeatureFlags, type NumericalCardDimensions } from '@atlaskit/media-common';
+import { type VideoTextTracks } from '../react-video-renderer';
+import { type WithPlaybackProps } from '../analytics';
+import { type TimeSaverConfig } from '../timeSaver';
+import { type CustomMediaPlayerType } from '../types';
+import { type WithShowControlMethodProp } from '../../types';
+import { type FileIdentifier, type FileState } from '@atlaskit/media-client';
+import { type MediaParsedSettings } from '@atlaskit/media-client-react';
+export interface MediaPlayerProps extends WithPlaybackProps, WithShowControlMethodProp {
+    readonly type: CustomMediaPlayerType;
+    readonly src: string;
+    readonly identifier: FileIdentifier;
+    readonly onHDToggleClick?: () => void;
+    readonly isShortcutEnabled?: boolean;
+    readonly lastWatchTimeConfig?: TimeSaverConfig;
+    readonly onCanPlay?: () => void;
+    readonly onPlay?: () => void;
+    readonly onPause?: () => void;
+    readonly onTimeChanged?: () => void;
+    readonly onError?: () => void;
+    readonly onDownloadClick?: () => void;
+    readonly onFirstPlay?: () => void;
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    readonly originalDimensions?: NumericalCardDimensions;
+    readonly featureFlags?: MediaFeatureFlags;
+    readonly poster?: string;
+    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
+    readonly areControlsVisible?: boolean;
+}
+export interface MediaPlayerBaseProps extends MediaPlayerProps {
+    readonly textTracks?: VideoTextTracks;
+    readonly mediaSettings?: MediaParsedSettings;
+    readonly fileState?: FileState;
+    readonly areCaptionsEnabled: boolean;
+    readonly onTextTracksSelected?: (selectedTracksIndex: number) => void;
+    readonly onCaptionsEnabledChange?: (areCaptionsEnabled: boolean) => void;
+}

package/dist/types/customMediaPlayer/mediaPlayer/useTextTracks.d.ts

@@ -1,4 +1,10 @@
+/// <reference types="react" />
 import { type FileState } from '@atlaskit/media-state';
-import { type MediaClient } from '@atlaskit/media-client';
 import { type VideoTextTracks } from '../react-video-renderer';
-export declare const useTextTracks: (fileState?: FileState, mediaClient?: MediaClient, collectionName?: string) => VideoTextTracks | undefined;
+export declare const useTextTracks: (fileState?: FileState, collectionName?: string) => {
+    textTracks: VideoTextTracks;
+    verifyUserCaptionsEnabled: () => void;
+    areCaptionsEnabled: boolean;
+    setSelectedTracksIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setAreCaptionsEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/types/customMediaPlayer/react-video-renderer/text.d.ts

@@ -1,3 +1,4 @@
+import { type MediaUserArtifactCaptionKey } from '@atlaskit/media-state';
 export type VideoTextTracks = {
     subtitles?: VideoTextTracksProps;
     captions?: VideoTextTracksProps;
@@ -10,10 +11,10 @@ export type VideoTextTracksProps = {
     tracks: VideoTextTrack[];
 };
 export type VideoTextTrack = {
-    src: string;
+    src?: string;
     lang: string;
     label: string;
-    artifactName: string;
+    artifactName: MediaUserArtifactCaptionKey;
 };
 export type VideoTextTrackKind = keyof VideoTextTracks;
 export declare const getVideoTextTrackId: (kind: VideoTextTrackKind, lang: string) => string;

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/index.d.ts

@@ -1 +1,2 @@
-export { MediaPlayer, type MediaPlayerProps } from './mediaPlayer';
+export { MediaPlayer } from './mediaPlayer';
+export { type MediaPlayerProps } from './types';

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/mediaPlayer.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { type MediaPlayerBaseProps } from './mediaPlayerBase';
-export type MediaPlayerProps = Omit<MediaPlayerBaseProps, 'textTracks' | 'mediaSettings'>;
-export declare const MediaPlayerWihtoutContext: (props: MediaPlayerProps) => React.JSX.Element;
+import { type MediaPlayerProps } from './types';
+export declare const MediaPlayerWihtoutContext: ({ onPlay, ...props }: MediaPlayerProps) => React.JSX.Element;
 export declare const MediaPlayer: React.ForwardRefExoticComponent<MediaPlayerProps & React.RefAttributes<any>>;

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts

@@ -1,42 +1,9 @@
 import React from 'react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type MediaFeatureFlags, type NumericalCardDimensions } from '@atlaskit/media-common';
-import { type VideoTextTracks } from '../react-video-renderer';
-import { type WithPlaybackProps } from '../analytics';
 import { type WrappedComponentProps } from 'react-intl-next';
-import { type TimeSaverConfig } from '../timeSaver';
-import { type CustomMediaPlayerType } from '../types';
-import { type WithShowControlMethodProp } from '../../types';
-import { type FileIdentifier, type FileState } from '@atlaskit/media-client';
-import { type MediaParsedSettings } from '@atlaskit/media-client-react';
-export interface MediaPlayerBaseProps extends WithPlaybackProps, WithShowControlMethodProp {
-    readonly type: CustomMediaPlayerType;
-    readonly src: string;
-    readonly identifier: FileIdentifier;
-    readonly fileState?: FileState;
-    readonly onHDToggleClick?: () => void;
-    readonly isShortcutEnabled?: boolean;
-    readonly lastWatchTimeConfig?: TimeSaverConfig;
-    readonly onCanPlay?: () => void;
-    readonly onPlay?: () => void;
-    readonly onPause?: () => void;
-    readonly onTimeChanged?: () => void;
-    readonly onError?: () => void;
-    readonly onDownloadClick?: () => void;
-    readonly onFirstPlay?: () => void;
-    readonly onFullscreenChange?: (fullscreen: boolean) => void;
-    readonly originalDimensions?: NumericalCardDimensions;
-    readonly featureFlags?: MediaFeatureFlags;
-    readonly poster?: string;
-    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
-    readonly textTracks?: VideoTextTracks;
-    readonly areControlsVisible?: boolean;
-    readonly mediaSettings?: MediaParsedSettings;
-}
+import { type MediaPlayerBaseProps } from './types';
 export interface CustomMediaPlayerState {
     playerWidth: number;
-    selectedTracksIndex: number;
-    areCaptionsEnabled?: boolean;
     isArtifactUploaderOpen: boolean;
     artifactToDelete?: string;
     isFullScreenEnabled: boolean;

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/types.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { type MediaFeatureFlags, type NumericalCardDimensions } from '@atlaskit/media-common';
+import { type VideoTextTracks } from '../react-video-renderer';
+import { type WithPlaybackProps } from '../analytics';
+import { type TimeSaverConfig } from '../timeSaver';
+import { type CustomMediaPlayerType } from '../types';
+import { type WithShowControlMethodProp } from '../../types';
+import { type FileIdentifier, type FileState } from '@atlaskit/media-client';
+import { type MediaParsedSettings } from '@atlaskit/media-client-react';
+export interface MediaPlayerProps extends WithPlaybackProps, WithShowControlMethodProp {
+    readonly type: CustomMediaPlayerType;
+    readonly src: string;
+    readonly identifier: FileIdentifier;
+    readonly onHDToggleClick?: () => void;
+    readonly isShortcutEnabled?: boolean;
+    readonly lastWatchTimeConfig?: TimeSaverConfig;
+    readonly onCanPlay?: () => void;
+    readonly onPlay?: () => void;
+    readonly onPause?: () => void;
+    readonly onTimeChanged?: () => void;
+    readonly onError?: () => void;
+    readonly onDownloadClick?: () => void;
+    readonly onFirstPlay?: () => void;
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    readonly originalDimensions?: NumericalCardDimensions;
+    readonly featureFlags?: MediaFeatureFlags;
+    readonly poster?: string;
+    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
+    readonly areControlsVisible?: boolean;
+}
+export interface MediaPlayerBaseProps extends MediaPlayerProps {
+    readonly textTracks?: VideoTextTracks;
+    readonly mediaSettings?: MediaParsedSettings;
+    readonly fileState?: FileState;
+    readonly areCaptionsEnabled: boolean;
+    readonly onTextTracksSelected?: (selectedTracksIndex: number) => void;
+    readonly onCaptionsEnabledChange?: (areCaptionsEnabled: boolean) => void;
+}

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/useTextTracks.d.ts

@@ -1,4 +1,10 @@
+/// <reference types="react" />
 import { type FileState } from '@atlaskit/media-state';
-import { type MediaClient } from '@atlaskit/media-client';
 import { type VideoTextTracks } from '../react-video-renderer';
-export declare const useTextTracks: (fileState?: FileState, mediaClient?: MediaClient, collectionName?: string) => VideoTextTracks | undefined;
+export declare const useTextTracks: (fileState?: FileState, collectionName?: string) => {
+    textTracks: VideoTextTracks;
+    verifyUserCaptionsEnabled: () => void;
+    areCaptionsEnabled: boolean;
+    setSelectedTracksIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setAreCaptionsEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/types-ts4.5/customMediaPlayer/react-video-renderer/text.d.ts

@@ -1,3 +1,4 @@
+import { type MediaUserArtifactCaptionKey } from '@atlaskit/media-state';
 export type VideoTextTracks = {
     subtitles?: VideoTextTracksProps;
     captions?: VideoTextTracksProps;
@@ -10,10 +11,10 @@ export type VideoTextTracksProps = {
     tracks: VideoTextTrack[];
 };
 export type VideoTextTrack = {
-    src: string;
+    src?: string;
     lang: string;
     label: string;
-    artifactName: string;
+    artifactName: MediaUserArtifactCaptionKey;
 };
 export type VideoTextTrackKind = keyof VideoTextTracks;
 export declare const getVideoTextTrackId: (kind: VideoTextTrackKind, lang: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "28.5.2",
+	"version": "28.5.3",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
 		"@atlaskit/media-client": "^34.2.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
-		"@atlaskit/media-state": "^1.6.0",
+		"@atlaskit/media-state": "^1.7.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.10.0",