@atlaskit/media-ui 17.2.0 → 18.0.0

package/dist/es2019/BlockCard/actions/DownloadAction.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { downloadUrl } from '@atlaskit/media-common';
 import { messages } from '../../messages';
 export async function downloadFunction({

package/dist/es2019/BlockCard/actions/ForbiddenAction.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 export const ForbiddenAction = (handler, id = 'connect-other-account', message = messages.try_another_account, context = '') => ({
   id,

package/dist/es2019/BlockCard/actions/PreviewAction.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { IntlProvider, FormattedMessage } from 'react-intl';
+import { IntlProvider, FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 
 /*

package/dist/es2019/BlockCard/actions/RetryAction.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 export const RetryAction = handler => ({
   id: 'try-again',

package/dist/es2019/BlockCard/actions/ViewAction.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 export async function viewFunction({
   url

package/dist/es2019/BlockCard/components/ModalHeader.js

@@ -6,7 +6,7 @@ import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N100, N30A } from '@atlaskit/theme/colors';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { gs } from '../utils';
 import { Icon } from './Icon';
 import { MetadataList } from './MetadataList';

package/dist/es2019/BlockCard/views/ErroredView.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';

package/dist/es2019/BlockCard/views/ForbiddenView.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { R300 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { Frame } from '../components/Frame';

package/dist/es2019/BlockCard/views/NotFoundView.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';

package/dist/es2019/BlockCard/views/ResolvingView.js

@@ -5,7 +5,7 @@ import { N50, N90 } from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';
 import { Frame } from '../components/Frame';
 import { gs } from '../utils';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 export const blockCardResolvingViewClassName = 'block-card-resolving-view';
 export const ResolvingView = ({

package/dist/es2019/BlockCard/views/UnauthorizedView.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
 import { Byline } from '../components/Byline';

package/dist/es2019/EmbedCard/views/ErroredView.js

@@ -5,7 +5,7 @@ import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { fontSize } from '@atlaskit/theme/constants';
 import { R300 } from '@atlaskit/theme/colors';
 import { Frame } from '../../BlockCard/components/Frame';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 import { gs } from '../../BlockCard/utils';
 export const ErroredView = ({

package/dist/es2019/EmbedCard/views/UnresolvedView.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { jsx } from '@emotion/core';
 import Button from '@atlaskit/button/custom-theme-button';
 import { fontSize } from '@atlaskit/theme/constants';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 import { gs as gridSize } from '../../BlockCard/utils';
 export const EmbedCardUnresolvedView = ({

package/dist/es2019/InlineCard/ErroredView/index.js

@@ -7,7 +7,7 @@ import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';
 import { messages } from '../../messages';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { LinkAppearance, IconStyledButton, LowercaseAppearance, NoLinkAppearance } from '../styled';
 export class InlineCardErroredView extends React.Component {
   constructor(...args) {

package/dist/es2019/InlineCard/ForbiddenView/index.js

@@ -8,7 +8,7 @@ import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';
 import { messages } from '../../messages';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { IconStyledButton, LowercaseAppearance, LinkAppearance } from '../styled';
 const FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",

package/dist/es2019/InlineCard/UnauthorisedView/index.js

@@ -3,7 +3,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { N500, R400 } from '@atlaskit/theme/colors';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 import { Frame } from '../Frame';
 import { AKIconWrapper } from '../Icon';

package/dist/es2019/customMediaPlayer/index.js

@@ -23,7 +23,7 @@ import { formatDuration } from '../formatDuration';
 import { hideControlsClassName } from '../classNames';
 import { Shortcut, keyCodes } from '../shortcut';
 import { toggleFullscreen, getFullscreenElement } from './fullscreen';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../messages';
 import simultaneousPlayManager from './simultaneousPlayManager';
 import { TimeSaver } from './timeSaver';

package/dist/es2019/customMediaPlayer/playbackSpeedControls.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { Component } from 'react';
 import { PopupSelect } from '@atlaskit/select';
 import { B200, N900, N0, N600 } from '@atlaskit/theme/colors';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import Tooltip from '@atlaskit/tooltip';
 import MediaButton from '../MediaButton';
 import { messages } from '../messages';

package/dist/es2019/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   click_to_join: {
     id: 'fabric.media.click_to_join',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "17.2.0",
+	"version": "18.0.0",
 	"sideEffects": false
 }

package/dist/esm/BlockCard/actions/AuthorizeAction.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 export var AuthorizeAction = function AuthorizeAction(handler) {
   return {

package/dist/esm/BlockCard/actions/DownloadAction.js

@@ -1,7 +1,7 @@
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { downloadUrl } from '@atlaskit/media-common';
 import { messages } from '../../messages';
 export function downloadFunction(_x) {

package/dist/esm/BlockCard/actions/ForbiddenAction.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 export var ForbiddenAction = function ForbiddenAction(handler) {
   var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'connect-other-account';

package/dist/esm/BlockCard/actions/PreviewAction.js

@@ -10,7 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { IntlProvider, FormattedMessage } from 'react-intl';
+import { IntlProvider, FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 
 /*

package/dist/esm/BlockCard/actions/RetryAction.js

@@ -1,7 +1,7 @@
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 export var RetryAction = function RetryAction(handler) {
   return {

package/dist/esm/BlockCard/actions/ViewAction.js

@@ -1,7 +1,7 @@
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 export function viewFunction(_x) {
   return _viewFunction.apply(this, arguments);

package/dist/esm/BlockCard/components/ModalHeader.js

@@ -6,7 +6,7 @@ import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N100, N30A } from '@atlaskit/theme/colors';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { gs } from '../utils';
 import { Icon } from './Icon';
 import { MetadataList } from './MetadataList';

package/dist/esm/BlockCard/views/ErroredView.js

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';

package/dist/esm/BlockCard/views/ForbiddenView.js

@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { R300 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { Frame } from '../components/Frame';

package/dist/esm/BlockCard/views/NotFoundView.js

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';

package/dist/esm/BlockCard/views/ResolvingView.js

@@ -5,7 +5,7 @@ import { N50, N90 } from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';
 import { Frame } from '../components/Frame';
 import { gs } from '../utils';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 export var blockCardResolvingViewClassName = 'block-card-resolving-view';
 export var ResolvingView = function ResolvingView(_ref) {

package/dist/esm/BlockCard/views/UnauthorizedView.js

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
 import { Byline } from '../components/Byline';

package/dist/esm/EmbedCard/views/ErroredView.js

@@ -5,7 +5,7 @@ import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { fontSize } from '@atlaskit/theme/constants';
 import { R300 } from '@atlaskit/theme/colors';
 import { Frame } from '../../BlockCard/components/Frame';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 import { gs } from '../../BlockCard/utils';
 export var ErroredView = function ErroredView(_ref) {

package/dist/esm/EmbedCard/views/UnresolvedView.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { jsx } from '@emotion/core';
 import Button from '@atlaskit/button/custom-theme-button';
 import { fontSize } from '@atlaskit/theme/constants';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 import { gs as gridSize } from '../../BlockCard/utils';
 export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {

package/dist/esm/InlineCard/ErroredView/index.js

@@ -18,7 +18,7 @@ import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';
 import { messages } from '../../messages';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { LinkAppearance, IconStyledButton, LowercaseAppearance, NoLinkAppearance } from '../styled';
 export var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardErroredView, _React$Component);

package/dist/esm/InlineCard/ForbiddenView/index.js

@@ -19,7 +19,7 @@ import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';
 import { messages } from '../../messages';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { IconStyledButton, LowercaseAppearance, LinkAppearance } from '../styled';
 var FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",

package/dist/esm/InlineCard/UnauthorisedView/index.js

@@ -14,7 +14,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { N500, R400 } from '@atlaskit/theme/colors';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 import { Frame } from '../Frame';
 import { AKIconWrapper } from '../Icon';

package/dist/esm/customMediaPlayer/index.js

@@ -38,7 +38,7 @@ import { formatDuration } from '../formatDuration';
 import { hideControlsClassName } from '../classNames';
 import { Shortcut, keyCodes } from '../shortcut';
 import { toggleFullscreen, getFullscreenElement } from './fullscreen';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../messages';
 import simultaneousPlayManager from './simultaneousPlayManager';
 import { TimeSaver } from './timeSaver';

package/dist/esm/customMediaPlayer/playbackSpeedControls.js

@@ -18,7 +18,7 @@ import React from 'react';
 import { Component } from 'react';
 import { PopupSelect } from '@atlaskit/select';
 import { B200, N900, N0, N600 } from '@atlaskit/theme/colors';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import Tooltip from '@atlaskit/tooltip';
 import MediaButton from '../MediaButton';
 import { messages } from '../messages';

package/dist/esm/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   click_to_join: {
     id: 'fabric.media.click_to_join',

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "17.2.0",
+	"version": "18.0.0",
 	"sideEffects": false
 }

package/dist/types/BlockCard/actions/ForbiddenAction.d.ts

@@ -1,3 +1,2 @@
-import { FormattedMessage } from 'react-intl';
 import { ActionProps } from '../components/Action';
-export declare const ForbiddenAction: (handler: () => void, id?: string, message?: FormattedMessage.MessageDescriptor, context?: string) => ActionProps;
+export declare const ForbiddenAction: (handler: () => void, id?: string, message?: import("react-intl-next").MessageDescriptor, context?: string) => ActionProps;

package/dist/types/BlockCard/components/ActionIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ActionState } from './Action';
 export declare const spinnerStyles: {
     readonly display: "flex";

package/dist/types/BlockCard/components/ActionList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from './Action';
 export interface ActionListProps {
     items: Array<ActionProps>;

package/dist/types/BlockCard/components/Link.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface LinkProps {
     url: string;
     testId?: string;

package/dist/types/BlockCard/components/MetadataList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MetadataProps } from './Metadata';
 export interface MetadataListProps {
     items: MetadataProps[];

package/dist/types/BlockCard/components/Thumbnail.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ImageProps {
     src: string;
     color?: string;

package/dist/types/BlockCard/views/ResolvingView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ResolvingProps {
     isSelected?: boolean;
     testId?: string;

package/dist/types/EmbedCard/views/ErroredView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ErroredViewProps {
     onRetry?: (val: any) => void;
     isSelected?: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { GlyphProps } from '@atlaskit/icon/types';
 export declare function SkipTenBackwardIcon(props: GlyphProps): JSX.Element;
 export declare function SkipTenForwardIcon(props: GlyphProps): JSX.Element;

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

@@ -5,7 +5,7 @@ import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { NumericalCardDimensions } from '@atlaskit/media-common';
 import { CustomMediaPlayerType } from './types';
 import { WithPlaybackProps, WithMediaPlayerState } from './analytics';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { WithShowControlMethodProp } from '../types';
 import { TimeSaverConfig } from './timeSaver';
 export interface CustomMediaPlayerProps extends WithPlaybackProps, WithShowControlMethodProp {
@@ -25,7 +25,7 @@ export interface CustomMediaPlayerProps extends WithPlaybackProps, WithShowContr
 export interface CustomMediaPlayerState extends WithMediaPlayerState {
 }
 export declare type Action = () => void;
-export declare class CustomMediaPlayerBase extends Component<CustomMediaPlayerProps & InjectedIntlProps & WithAnalyticsEventsProps, CustomMediaPlayerState> {
+export declare class CustomMediaPlayerBase extends Component<CustomMediaPlayerProps & WrappedComponentProps & WithAnalyticsEventsProps, CustomMediaPlayerState> {
     videoWrapperRef?: HTMLElement;
     private actions?;
     private videoState;
@@ -72,4 +72,4 @@ export declare class CustomMediaPlayerBase extends Component<CustomMediaPlayerPr
     private pausePlayByButtonClick;
     render(): JSX.Element;
 }
-export declare const CustomMediaPlayer: React.ForwardRefExoticComponent<Pick<Pick<CustomMediaPlayerProps & WithAnalyticsEventsProps, "src" | "type" | "onError" | "onCanPlay" | "isAutoPlay" | "isHDAvailable" | "isHDActive" | "originalDimensions" | "fileId" | "onHDToggleClick" | "isShortcutEnabled" | "lastWatchTimeConfig" | "onDownloadClick" | "onFirstPlay" | "featureFlags" | "showControls"> & React.RefAttributes<any>, "src" | "type" | "onError" | "onCanPlay" | "key" | "isAutoPlay" | "isHDAvailable" | "isHDActive" | "originalDimensions" | "fileId" | "onHDToggleClick" | "isShortcutEnabled" | "lastWatchTimeConfig" | "onDownloadClick" | "onFirstPlay" | "featureFlags" | "showControls"> & React.RefAttributes<any>>;
+export declare const CustomMediaPlayer: React.ComponentType<CustomMediaPlayerProps & WithAnalyticsEventsProps>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Component } from 'react';
 import { NumericalCardDimensions } from '@atlaskit/media-common';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface PlaybackSpeedControlsProps {
     playbackSpeed: number;
     onPlaybackSpeedChange: (playbackSpeed: number) => void;
@@ -11,7 +11,7 @@ export interface PlaybackSpeedControlsProps {
 export interface PlaybackSpeedControlsState {
     popupHeight: number;
 }
-export declare class PlaybackSpeedControls extends Component<PlaybackSpeedControlsProps & InjectedIntlProps, PlaybackSpeedControlsState> {
+export declare class PlaybackSpeedControls extends Component<PlaybackSpeedControlsProps & WrappedComponentProps, PlaybackSpeedControlsState> {
     state: PlaybackSpeedControlsState;
     private onPlaybackSpeedChange;
     private speedOptions;
@@ -19,7 +19,5 @@ export declare class PlaybackSpeedControls extends Component<PlaybackSpeedContro
     private onResize;
     render(): JSX.Element;
 }
-declare const _default: React.ComponentClass<PlaybackSpeedControlsProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<PlaybackSpeedControlsProps & InjectedIntlProps>;
-};
+declare const _default: React.FC<PlaybackSpeedControlsProps>;
 export default _default;

package/dist/types/errorIcon.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const errorIcon: JSX.Element;

package/dist/types/messages.d.ts

@@ -1,8 +1,8 @@
-import { FormattedMessage } from 'react-intl';
+import { MessageDescriptor } from 'react-intl-next';
 export declare type RequestAccessMessageKey = 'request_access_description' | 'click_to_join_description' | 'request_access_pending_description' | 'click_to_join' | 'request_access' | 'request_access_pending' | 'forbidden_description' | 'request_denied_description';
 export declare type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | 'check_your_network' | 'try_again' | 'try_another_account' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'load_more_gifs' | 'add_account' | 'unlink_account' | 'upload_file_from' | 'connect_to' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'invalid_permissions' | 'invalid_permissions_description' | 'upload_an_avatar' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'drag_and_drop_images_here' | 'upload_image' | 'image_url_invalid_error' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'something_went_wrong' | 'might_be_a_hiccup' | 'couldnt_generate_preview' | 'couldnt_generate_encrypted_entry_preview' | 'cant_preview_file_type' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'give_feedback' | 'try_downloading_file' | 'webgl_warning_description' | 'unable_to_annotate_image' | 'learn_more' | 'accounts' | 'actions' | 'error_hint_retry' | 'error_hint_critical' | 'close' | 'could_not_load_editor' | 'could_not_save_image' | 'could_not_load_link' | 'annotate' | 'annotate_tool_arrow' | 'annotate_tool_text' | 'annotate_tool_shape' | 'annotate_tool_brush' | 'annotate_tool_blur' | 'annotate_tool_line_thickness' | 'annotate_tool_color' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_heading' | 'annotate_confirmation_content' | 'drop_your_files_here' | 'share_files_instantly' | 'insert_files' | 'zoom_out' | 'zoom_in' | 'remove_image' | 'play' | 'pause' | 'disable_fullscreen' | 'enable_fullscreen' | 'error_loading_file' | 'error_generating_preview' | 'download' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'playbackDefaultSpeed' | 'preview' | 'preview_unavailable' | 'preview_currently_unavailable' | 'creating_preview' | 'couldnt_load_file' | 'error_429' | 'close_and_reopen' | 'viewer_rateLimited' | 'zip_entry_load_fail' | RequestAccessMessageKey;
 declare type Messages = {
-    [K in MessageKey]: FormattedMessage.MessageDescriptor;
+    [K in MessageKey]: MessageDescriptor;
 };
 export declare const messages: Messages;
 export {};

package/dist/types/mime-type-icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MediaType } from '@atlaskit/media-common';
 declare type MediaTypeProps = {
     testId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-ui",
-  "version": "17.2.0",
+  "version": "18.0.0",
   "description": "Includes common components and utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -72,7 +72,7 @@
   "peerDependencies": {
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
@@ -83,7 +83,7 @@
     "@atlaskit/docs": "*",
     "@atlaskit/field-base": "^15.0.5",
     "@atlaskit/media-integration-test-helpers": "^2.5.0",
-    "@atlaskit/media-test-helpers": "^28.9.0",
+    "@atlaskit/media-test-helpers": "^29.0.0",
     "@atlaskit/page": "^12.0.6",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^5.0.5",
@@ -98,7 +98,7 @@
     "jsverify": "^0.8.3",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "typescript": "3.9.6",
     "wait-for-expect": "^1.2.0"
   },