@atlaskit/media-ui 28.7.39 → 28.7.40

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-ui
 
+## 28.7.40
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.7.39
 
 ### Patch Changes

package/dist/cjs/customMediaPlayer/index.js

@@ -14,7 +14,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.7.38";
+var packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/apiFeedback.js

@@ -47,4 +47,5 @@ function ApiFeedback(_ref) {
     onDismissed: onDismissed
   }, flag);
 }
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(ApiFeedback);
+var _default_1 = (0, _reactIntlNext.injectIntl)(ApiFeedback);
+var _default = exports.default = _default_1;

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js

@@ -174,4 +174,5 @@ function UploadCaptionsForm(_ref2) {
     onClick: submit
   }, intl.formatMessage(_messages.messages.upload)))));
 }
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(UploadCaptionsForm);
+var _default_1 = (0, _reactIntlNext.injectIntl)(UploadCaptionsForm);
+var _default = exports.default = _default_1;

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js

@@ -76,4 +76,5 @@ var CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
     errorDescription: intl.formatMessage(_messages.messages.video_captions_upload_error_description)
   }));
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(CaptionsUploaderBrowser);
+var _default_1 = (0, _reactIntlNext.injectIntl)(CaptionsUploaderBrowser);
+var _default = exports.default = _default_1;

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js

@@ -64,7 +64,8 @@ var CaptionDeleteConfirmationModal = function CaptionDeleteConfirmationModal(_re
     errorDescription: intl.formatMessage(_messages.messages.video_captions_delete_error_description)
   }));
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(CaptionDeleteConfirmationModal);
+var _default_1 = (0, _reactIntlNext.injectIntl)(CaptionDeleteConfirmationModal);
+var _default = exports.default = _default_1;
 var deleteCaption = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaClient, identifier, artifactName, onStart, onEnd, onError) {
     var traceContext;

package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -15,7 +15,7 @@ var _useTextTracks2 = require("./useTextTracks");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _excluded = ["onPlay"];
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.7.38";
+var packageVersion = "0.0.0-development";
 var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/es2019/customMediaPlayer/index.js

@@ -5,7 +5,7 @@ import { CustomMediaPlayerBase as CompiledCustomMediaPlayerBase } from './index-
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 export const CustomMediaPlayerBase = props => /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "28.7.38";
+const packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export const CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/es2019/customMediaPlayer/mediaPlayer/captions/apiFeedback.js

@@ -41,4 +41,5 @@ function ApiFeedback({
     onDismissed: onDismissed
   }, flag);
 }
-export default injectIntl(ApiFeedback);
+const _default_1 = injectIntl(ApiFeedback);
+export default _default_1;

package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js

@@ -109,4 +109,5 @@ function UploadCaptionsForm({
     onClick: submit
   }, intl.formatMessage(messages.upload)))));
 }
-export default injectIntl(UploadCaptionsForm);
+const _default_1 = injectIntl(UploadCaptionsForm);
+export default _default_1;

package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js

@@ -56,4 +56,5 @@ const CaptionsUploaderBrowser = ({
     errorDescription: intl.formatMessage(messages.video_captions_upload_error_description)
   }));
 };
-export default injectIntl(CaptionsUploaderBrowser);
+const _default_1 = injectIntl(CaptionsUploaderBrowser);
+export default _default_1;

package/dist/es2019/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js

@@ -48,7 +48,8 @@ const CaptionDeleteConfirmationModal = ({
     errorDescription: intl.formatMessage(messages.video_captions_delete_error_description)
   }));
 };
-export default injectIntl(CaptionDeleteConfirmationModal);
+const _default_1 = injectIntl(CaptionDeleteConfirmationModal);
+export default _default_1;
 const deleteCaption = async (mediaClient, identifier, artifactName, onStart, onEnd, onError) => {
   const traceContext = {
     traceId: getRandomTelemetryId()

package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -6,7 +6,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "28.7.38";
+const packageVersion = "0.0.0-development";
 export const MediaPlayerWihtoutContext = ({
   onPlay,
   ...props

package/dist/esm/customMediaPlayer/index.js

@@ -7,7 +7,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
   return /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.7.38";
+var packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export var CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/esm/customMediaPlayer/mediaPlayer/captions/apiFeedback.js

@@ -40,4 +40,5 @@ function ApiFeedback(_ref) {
     onDismissed: onDismissed
   }, flag);
 }
-export default injectIntl(ApiFeedback);
+var _default_1 = injectIntl(ApiFeedback);
+export default _default_1;

package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js

@@ -164,4 +164,5 @@ function UploadCaptionsForm(_ref2) {
     onClick: submit
   }, intl.formatMessage(messages.upload)))));
 }
-export default injectIntl(UploadCaptionsForm);
+var _default_1 = injectIntl(UploadCaptionsForm);
+export default _default_1;

package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js

@@ -67,4 +67,5 @@ var CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
     errorDescription: intl.formatMessage(messages.video_captions_upload_error_description)
   }));
 };
-export default injectIntl(CaptionsUploaderBrowser);
+var _default_1 = injectIntl(CaptionsUploaderBrowser);
+export default _default_1;

package/dist/esm/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js

@@ -55,7 +55,8 @@ var CaptionDeleteConfirmationModal = function CaptionDeleteConfirmationModal(_re
     errorDescription: intl.formatMessage(messages.video_captions_delete_error_description)
   }));
 };
-export default injectIntl(CaptionDeleteConfirmationModal);
+var _default_1 = injectIntl(CaptionDeleteConfirmationModal);
+export default _default_1;
 var deleteCaption = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaClient, identifier, artifactName, onStart, onEnd, onError) {
     var traceContext;

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

@@ -8,7 +8,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.7.38";
+var packageVersion = "0.0.0-development";
 export var MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = _objectWithoutProperties(_ref, _excluded);

package/dist/types/abuseModal/abuseModal.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type AbuseModalProps = {
     isOpen: boolean;
     onConfirm: () => void;
     onClose: () => void;
 };
-export declare const AbuseModal: React.FC<import("react-intl-next").WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
+export declare const AbuseModal: React.FC<WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<AbuseModalProps & WrappedComponentProps>;
 };

package/dist/types/customMediaPlayer/analytics/utils/analytics.d.ts

@@ -1,4 +1,4 @@
-import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CreateUIAnalyticsEvent, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type UIAttributes, type UIEventPayload } from '@atlaskit/media-common';
 import { type CustomMediaPlayerScreenEventPayload } from '../events/screen/customMediaPlayer';
 import { type MediaButtonClickEventPayload } from '../events/ui/mediaButtonClicked';
@@ -16,4 +16,4 @@ export type CustomMediaPlayerUIEventPayload = UIEventPayload<UIAttributes & {
 export type CustomMediaPlayerUIEvent = 'mediaButtonClick' | 'shortcutPress' | 'playPauseBlanketClick' | 'timeRangeNavigate' | 'volumeRangeNavigate' | 'playbackSpeedChange';
 export type CustomMediaPlayerAnalyticsEventPayload = CustomMediaPlayerScreenEventPayload | MediaButtonClickEventPayload | PlaybackSpeedChangeEventPayload | PlayPauseBlanketClickEventPayload | ShortcutPressEventPayload | TimeRangeNavigateEventPayload | CaptionSucceededEventPayload | CaptionFailedEventPayload | CustomMediaPlayerUIEventPayload | FirstPlayedTrackEventPayload | PlayedTrackEventPayload;
 export declare function fireAnalyticsEvent(payload: CustomMediaPlayerAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
-export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;

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

@@ -1 +1 @@
-export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "mvng-hide-controls" | "";
+export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "" | "mvng-hide-controls";

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type NotificationTypes = 'success' | 'error' | null;
 export interface ApiFeedbackProps {
     notificationType: NotificationTypes;
@@ -7,7 +7,7 @@ export interface ApiFeedbackProps {
     successDescription: string;
     errorDescription: string;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ApiFeedbackProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<ApiFeedbackProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ApiFeedbackProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps, type WithIntlProps } from 'react-intl-next';
 type UploadCaptionsFormProps = {
     isOpen: boolean;
     onClose: () => void;
     uploadFn: (file: File, locale: string) => Promise<void>;
     file?: File;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<UploadCaptionsFormProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<UploadCaptionsFormProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<UploadCaptionsFormProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { ArtifactUploaderProps } from './types';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type CaptionsUploaderBrowserProps = ArtifactUploaderProps & {
     isOpen: boolean;
     onClose: () => void;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ArtifactUploaderProps & {
+declare const _default_1: React.FC<WithIntlProps<ArtifactUploaderProps & {
     isOpen: boolean;
     onClose: () => void;
 } & WrappedComponentProps>> & {
@@ -14,4 +14,4 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<Artifac
         onClose: () => void;
     } & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type FileIdentifier } from '@atlaskit/media-client';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 export interface CaptionDeleteConfirmationModalProps {
     identifier: FileIdentifier;
@@ -10,7 +10,7 @@ export interface CaptionDeleteConfirmationModalProps {
     onEnd?: (context: MediaTraceContext) => void;
     onError?: (error: Error, artifactName: string, context: MediaTraceContext) => void;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionDeleteConfirmationModalProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export interface CaptionsAdminControlsProps {
     textTracks?: VideoTextTracks;
     onUpload: () => void;
     onDelete: (artifactName: string) => void;
 }
 export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, onDelete, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
-export declare const CaptionsAdminControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
+export declare const CaptionsAdminControls: React.FC<WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsAdminControlsProps & WrappedComponentProps>;
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export interface CaptionsSelectControlsProps {
     textTracks: VideoTextTracks;
     onSelected: (selected: number) => void;
@@ -8,6 +8,6 @@ export interface CaptionsSelectControlsProps {
     onCaptionsEnabledChange: (areCaptionsEnabled: boolean) => void;
     selectedTracksIndex: number;
 }
-export declare const CaptionsSelectControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsSelectControlsProps & WrappedComponentProps>> & {
+export declare const CaptionsSelectControls: React.FC<WithIntlProps<CaptionsSelectControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsSelectControlsProps & WrappedComponentProps>;
 };

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithIntlProps } from 'react-intl-next';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type MediaPlayerBaseProps } from './types';
 export interface CustomMediaPlayerState {
@@ -16,7 +17,7 @@ export declare const breakpoints: {
     SMALL_VIDEO_MAX_WIDTH: number;
 };
 type MediaPlayerBaseOwnProps = MediaPlayerBaseProps & WrappedComponentProps & WithAnalyticsEventsProps;
-export declare const MediaPlayerBase: React.FC<import("react-intl-next").WithIntlProps<MediaPlayerBaseOwnProps>> & {
+export declare const MediaPlayerBase: React.FC<WithIntlProps<MediaPlayerBaseOwnProps>> & {
     WrappedComponent: React.ComponentType<MediaPlayerBaseOwnProps>;
 };
 export {};

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

@@ -1,4 +1,5 @@
 import { type FileState } from '@atlaskit/media-state';
+import { type Dispatch, type SetStateAction } from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
 import { type CustomMediaPlayerType } from '../types';
 type UseTextTracksProps = {
@@ -10,7 +11,7 @@ export declare const useTextTracks: ({ fileState, collectionName, type }: UseTex
     textTracks: VideoTextTracks;
     verifyUserCaptionsEnabled: () => void;
     areCaptionsEnabled: boolean;
-    setSelectedTracksIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    setAreCaptionsEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setSelectedTracksIndex: Dispatch<SetStateAction<number>>;
+    setAreCaptionsEnabled: Dispatch<SetStateAction<boolean>>;
 };
 export {};

package/dist/types/inactivityDetector/styled-compiled.d.ts

@@ -1,4 +1,5 @@
+import { type ClassAttributes, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
 export interface ContentWrapperProps {
     controlsAreVisible: boolean;
 }
-export declare const InactivityDetectorWrapper: import("react").ForwardRefExoticComponent<Omit<ContentWrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const InactivityDetectorWrapper: ForwardRefExoticComponent<Omit<ContentWrapperProps & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, "ref"> & RefAttributes<unknown>>;

package/dist/types-ts4.5/abuseModal/abuseModal.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type AbuseModalProps = {
     isOpen: boolean;
     onConfirm: () => void;
     onClose: () => void;
 };
-export declare const AbuseModal: React.FC<import("react-intl-next").WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
+export declare const AbuseModal: React.FC<WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<AbuseModalProps & WrappedComponentProps>;
 };

package/dist/types-ts4.5/customMediaPlayer/analytics/utils/analytics.d.ts

@@ -1,4 +1,4 @@
-import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CreateUIAnalyticsEvent, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type UIAttributes, type UIEventPayload } from '@atlaskit/media-common';
 import { type CustomMediaPlayerScreenEventPayload } from '../events/screen/customMediaPlayer';
 import { type MediaButtonClickEventPayload } from '../events/ui/mediaButtonClicked';
@@ -16,4 +16,4 @@ export type CustomMediaPlayerUIEventPayload = UIEventPayload<UIAttributes & {
 export type CustomMediaPlayerUIEvent = 'mediaButtonClick' | 'shortcutPress' | 'playPauseBlanketClick' | 'timeRangeNavigate' | 'volumeRangeNavigate' | 'playbackSpeedChange';
 export type CustomMediaPlayerAnalyticsEventPayload = CustomMediaPlayerScreenEventPayload | MediaButtonClickEventPayload | PlaybackSpeedChangeEventPayload | PlayPauseBlanketClickEventPayload | ShortcutPressEventPayload | TimeRangeNavigateEventPayload | CaptionSucceededEventPayload | CaptionFailedEventPayload | CustomMediaPlayerUIEventPayload | FirstPlayedTrackEventPayload | PlayedTrackEventPayload;
 export declare function fireAnalyticsEvent(payload: CustomMediaPlayerAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
-export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;

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

@@ -1 +1 @@
-export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "mvng-hide-controls" | "";
+export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "" | "mvng-hide-controls";

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type NotificationTypes = 'success' | 'error' | null;
 export interface ApiFeedbackProps {
     notificationType: NotificationTypes;
@@ -7,7 +7,7 @@ export interface ApiFeedbackProps {
     successDescription: string;
     errorDescription: string;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ApiFeedbackProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<ApiFeedbackProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ApiFeedbackProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

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

@@ -1,12 +1,12 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps, type WithIntlProps } from 'react-intl-next';
 type UploadCaptionsFormProps = {
     isOpen: boolean;
     onClose: () => void;
     uploadFn: (file: File, locale: string) => Promise<void>;
     file?: File;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<UploadCaptionsFormProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<UploadCaptionsFormProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<UploadCaptionsFormProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { ArtifactUploaderProps } from './types';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type CaptionsUploaderBrowserProps = ArtifactUploaderProps & {
     isOpen: boolean;
     onClose: () => void;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ArtifactUploaderProps & {
+declare const _default_1: React.FC<WithIntlProps<ArtifactUploaderProps & {
     isOpen: boolean;
     onClose: () => void;
 } & WrappedComponentProps>> & {
@@ -14,4 +14,4 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<Artifac
         onClose: () => void;
     } & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type FileIdentifier } from '@atlaskit/media-client';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 export interface CaptionDeleteConfirmationModalProps {
     identifier: FileIdentifier;
@@ -10,7 +10,7 @@ export interface CaptionDeleteConfirmationModalProps {
     onEnd?: (context: MediaTraceContext) => void;
     onError?: (error: Error, artifactName: string, context: MediaTraceContext) => void;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionDeleteConfirmationModalProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export interface CaptionsAdminControlsProps {
     textTracks?: VideoTextTracks;
     onUpload: () => void;
     onDelete: (artifactName: string) => void;
 }
 export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, onDelete, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
-export declare const CaptionsAdminControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
+export declare const CaptionsAdminControls: React.FC<WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsAdminControlsProps & WrappedComponentProps>;
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export interface CaptionsSelectControlsProps {
     textTracks: VideoTextTracks;
     onSelected: (selected: number) => void;
@@ -8,6 +8,6 @@ export interface CaptionsSelectControlsProps {
     onCaptionsEnabledChange: (areCaptionsEnabled: boolean) => void;
     selectedTracksIndex: number;
 }
-export declare const CaptionsSelectControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsSelectControlsProps & WrappedComponentProps>> & {
+export declare const CaptionsSelectControls: React.FC<WithIntlProps<CaptionsSelectControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsSelectControlsProps & WrappedComponentProps>;
 };

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithIntlProps } from 'react-intl-next';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type MediaPlayerBaseProps } from './types';
 export interface CustomMediaPlayerState {
@@ -16,7 +17,7 @@ export declare const breakpoints: {
     SMALL_VIDEO_MAX_WIDTH: number;
 };
 type MediaPlayerBaseOwnProps = MediaPlayerBaseProps & WrappedComponentProps & WithAnalyticsEventsProps;
-export declare const MediaPlayerBase: React.FC<import("react-intl-next").WithIntlProps<MediaPlayerBaseOwnProps>> & {
+export declare const MediaPlayerBase: React.FC<WithIntlProps<MediaPlayerBaseOwnProps>> & {
     WrappedComponent: React.ComponentType<MediaPlayerBaseOwnProps>;
 };
 export {};

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

@@ -1,4 +1,5 @@
 import { type FileState } from '@atlaskit/media-state';
+import { type Dispatch, type SetStateAction } from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
 import { type CustomMediaPlayerType } from '../types';
 type UseTextTracksProps = {
@@ -10,7 +11,7 @@ export declare const useTextTracks: ({ fileState, collectionName, type }: UseTex
     textTracks: VideoTextTracks;
     verifyUserCaptionsEnabled: () => void;
     areCaptionsEnabled: boolean;
-    setSelectedTracksIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    setAreCaptionsEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setSelectedTracksIndex: Dispatch<SetStateAction<number>>;
+    setAreCaptionsEnabled: Dispatch<SetStateAction<boolean>>;
 };
 export {};

package/dist/types-ts4.5/inactivityDetector/styled-compiled.d.ts

@@ -1,4 +1,5 @@
+import { type ClassAttributes, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
 export interface ContentWrapperProps {
     controlsAreVisible: boolean;
 }
-export declare const InactivityDetectorWrapper: import("react").ForwardRefExoticComponent<Omit<ContentWrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const InactivityDetectorWrapper: ForwardRefExoticComponent<Omit<ContentWrapperProps & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, "ref"> & RefAttributes<unknown>>;

package/example-helpers/styled.ts

@@ -1,21 +1,33 @@
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766 */
 import { token } from '@atlaskit/tokens';
+import type { Theme } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
+import styled, { type StyledComponent } from '@emotion/styled';
+import type { DetailedHTMLProps, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const InputWrapper = styled.div({
+export const InputWrapper: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = styled.div({
 	margin: `${token('space.250')} 0`,
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const PreviewList = styled.ul({
+export const PreviewList: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}> = styled.ul({
 	margin: 0,
 	padding: 0,
 	listStyleType: 'none',
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const PreviewItem = styled.li({
+export const PreviewItem: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}> = styled.li({
 	borderRadius: token('space.100'),
 	border: `${token('border.width', '1px')} solid ${token('color.border')}`,
 	padding: token('space.100'),
@@ -26,7 +38,10 @@ export const PreviewItem = styled.li({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const Code = styled.code({
+export const Code: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, {}> = styled.code({
 	padding: token('space.050'),
 	borderRadius: token('space.050'),
 	backgroundColor: token('color.background.inverse.subtle'),
@@ -35,7 +50,10 @@ export const Code = styled.code({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const CloseButton = styled.button({
+export const CloseButton: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}> = styled.button({
 	position: 'absolute',
 	top: token('space.050'),
 	right: token('space.050'),
@@ -43,31 +61,46 @@ export const CloseButton = styled.button({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const PreviewImageContainer = styled.div({
+export const PreviewImageContainer: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = styled.div({
 	marginTop: token('space.100'),
 	marginBottom: token('space.100'),
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const OrientationSelectWrapper = styled.label({
+export const OrientationSelectWrapper: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}> = styled.label({
 	marginBottom: token('space.250'),
 	display: 'block',
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const TimeRangeWrapper = styled.div({
+export const TimeRangeWrapper: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = styled.div({
 	marginTop: token('space.500'),
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const Container = styled.div({
+export const Container: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = styled.div({
 	display: 'flex',
 	flexDirection: 'row',
 	flexWrap: 'wrap',
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const Group = styled.div({
+export const Group: StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = styled.div({
 	width: '250px',
 	padding: token('space.250'),
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "28.7.39",
+	"version": "28.7.40",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
 		"@atlaskit/media-state": "^2.0.0",
-		"@atlaskit/modal-dialog": "^14.14.0",
+		"@atlaskit/modal-dialog": "^14.15.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/range": "^10.0.0",
@@ -45,7 +45,7 @@
 		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/theme": "^23.0.0",
-		"@atlaskit/tokens": "^11.4.0",
+		"@atlaskit/tokens": "^12.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",