@atlaskit/editor-plugin-media 11.0.0 → 12.1.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/editor-plugin-media
 
+## 12.1.0
+
+### Minor Changes
+
+- [`b6bb07e5d72ac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b6bb07e5d72ac) -
+  [ux] Fix for #hot-301450, add new media option for fallback media name fetcher to allow confluence
+  to use the attachment service instead of the media service to get filenames. After DC -> Cloud
+  migration filenames were not properly copied across to the media service causing inline media to
+  show an error.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.0.0
+
+### Major Changes
+
+- [`901c87a57486e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/901c87a57486e) -
+  Removed `react-intl-next` alias and replaced all usages with `react-intl` directly.
+
+  What changed: The `react-intl-next` npm alias (which resolved to `react-intl@^5`) has been
+  removed. All imports now reference `react-intl` directly, and `peerDependencies` have been updated
+  to `"^5.25.1 || ^6.0.0 || ^7.0.0"`.
+
+  How consumer should update their code: Ensure `react-intl` is installed at a version satisfying
+  `^5.25.1 || ^6.0.0 || ^7.0.0`. If your application was using `react-intl-next` as an npm alias, it
+  can be safely removed. Replace any remaining `react-intl-next` imports with `react-intl`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.0.0
 
 ### Patch Changes

package/dist/cjs/mediaPlugin.js

@@ -242,7 +242,7 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
               mediaGroup: (0, _lazyMediaGroup.lazyMediaGroupView)(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaSingle: (0, _mediaSingle.ReactMediaSingleNode)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
               media: (0, _mediaNodeView.ReactMediaNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaInline: (0, _lazyMediaInline.lazyMediaInlineView)(portalProviderAPI, eventDispatcher, providerFactory, api)
+              mediaInline: (0, _lazyMediaInline.lazyMediaInlineView)(portalProviderAPI, eventDispatcher, providerFactory, api, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher)
             },
             errorReporter: errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,

package/dist/cjs/nodeviews/lazy-media-inline.js

@@ -8,7 +8,7 @@ exports.lazyMediaInlineView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
+var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
   return (0, _lazyNodeView.withLazyLoading)({
     nodeName: 'mediaInline',
     getNodeViewOptions: function getNodeViewOptions() {},
@@ -19,7 +19,7 @@ var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInline
       }).then(function (_ref) {
         var ReactMediaInlineNode = _ref.ReactMediaInlineNode;
         return function (node, view, getPos) {
-          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent)(node, view, getPos);
+          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher)(node, view, getPos);
         };
       });
       return result;

package/dist/cjs/nodeviews/mediaGroupNext.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _media = require("@atlaskit/editor-common/media");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -173,7 +173,7 @@ var runMediaNodeUpdate = /*#__PURE__*/function () {
 }();
 var noop = function noop() {};
 // eslint-disable-next-line @typescript-eslint/ban-types
-var MediaGroupNext = exports.MediaGroupNext = (0, _reactIntlNext.injectIntl)( /*#__PURE__*/_react.default.memo(function (props) {
+var MediaGroupNext = exports.MediaGroupNext = (0, _reactIntl.injectIntl)( /*#__PURE__*/_react.default.memo(function (props) {
   var _props$mediaOptions = props.mediaOptions,
     allowLazyLoading = _props$mediaOptions.allowLazyLoading,
     allowMediaInlineImages = _props$mediaOptions.allowMediaInlineImages,

package/dist/cjs/nodeviews/mediaInline.js

@@ -220,7 +220,8 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
   }, (0, _react2.jsx)(_mediaCard.MediaInlineCard, {
     isSelected: props.isSelected,
     identifier: identifier,
-    mediaClientConfig: viewMediaClientConfig
+    mediaClientConfig: viewMediaClientConfig,
+    fallbackMediaNameFetcher: props.fallbackMediaNameFetcher
   }));
 };
 var selector = function selector(states) {
@@ -243,7 +244,8 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
     getPos = _ref3.getPos,
     contextIdentifierProvider = _ref3.contextIdentifierProvider,
     api = _ref3.api,
-    view = _ref3.view;
+    view = _ref3.view,
+    fallbackMediaNameFetcher = _ref3.fallbackMediaNameFetcher;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorViewMode', 'media'], selector),
     mediaProvider = _useSharedPluginState.mediaProvider,
     allowInlineImages = _useSharedPluginState.allowInlineImages,
@@ -273,7 +275,8 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
     view: view,
     getPos: getPos,
     contextIdentifierProvider: contextIdentifierProvider,
-    editorViewMode: viewMode === 'view'
+    editorViewMode: viewMode === 'view',
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
@@ -307,7 +310,8 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
     value: function render(props) {
       var _this = this;
       var providerFactory = props.providerFactory,
-        api = props.api;
+        api = props.api,
+        fallbackMediaNameFetcher = props.fallbackMediaNameFetcher;
       var view = this.view;
       var getPos = this.getPos;
       return (0, _react2.jsx)(_providerFactory.WithProviders
@@ -327,19 +331,21 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
             view: view,
             getPos: getPos,
             contextIdentifierProvider: contextIdentifierProvider,
-            api: api
+            api: api,
+            fallbackMediaNameFetcher: fallbackMediaNameFetcher
           });
         }
       });
     }
   }]);
 }(_selectionBasedNodeView.SelectionBasedNodeView);
-var ReactMediaInlineNode = exports.ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
+var ReactMediaInlineNode = exports.ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
   return function (node, view, getPos) {
     return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      api: api
+      api: api,
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher
     }).init();
   };
 };

package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -13,7 +13,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
@@ -275,5 +275,5 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
     }
   }]);
 }(_react.default.Component);
-var _default_1 = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(AltTextEditComponent));
+var _default_1 = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(AltTextEditComponent));
 var _default = exports.default = _default_1;

package/dist/cjs/pm-plugins/main.js

@@ -13,7 +13,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _assert = _interopRequireDefault(require("assert"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _browser = require("@atlaskit/editor-common/browser");
@@ -57,7 +57,7 @@ var createDropPlaceholder = function createDropPlaceholder(intl, nodeViewPortalP
   var createElement = _react.default.createElement;
   if (allowDropLine) {
     nodeViewPortalProviderAPI.render(function () {
-      return createElement(_reactIntlNext.RawIntlProvider, {
+      return createElement(_reactIntl.RawIntlProvider, {
         value: intl
       }, createElement(_DropPlaceholder.default, {
         type: 'single'
@@ -65,7 +65,7 @@ var createDropPlaceholder = function createDropPlaceholder(intl, nodeViewPortalP
     }, dropPlaceholder, dropPlaceholderKey);
   } else {
     nodeViewPortalProviderAPI.render(function () {
-      return createElement(_reactIntlNext.RawIntlProvider, {
+      return createElement(_reactIntl.RawIntlProvider, {
         value: intl
       }, createElement(_DropPlaceholder.default));
     }, dropPlaceholder, dropPlaceholderKey);

package/dist/cjs/ui/CaptionPlaceholder/index.js

@@ -9,7 +9,7 @@ exports.CaptionPlaceholderButton = exports.CaptionPlaceholder = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _media = require("@atlaskit/editor-common/media");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -57,7 +57,7 @@ var CaptionPlaceholder = exports.CaptionPlaceholder = /*#__PURE__*/_react.defaul
       id: (0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? _mediaSingle.CAPTION_PLACEHOLDER_ID : undefined,
       "data-id": _mediaSingle.CAPTION_PLACEHOLDER_ID,
       "data-testid": "caption-placeholder"
-    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage
+    }, (0, _react2.jsx)(_reactIntl.FormattedMessage
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
     , computedPlaceholderMessage))
@@ -66,7 +66,7 @@ var CaptionPlaceholder = exports.CaptionPlaceholder = /*#__PURE__*/_react.defaul
 var CaptionPlaceholderButton = exports.CaptionPlaceholderButton = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
   var onClick = _ref2.onClick,
     placeholderMessage = _ref2.placeholderMessage;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var handleMouseDown = (0, _react.useCallback)(function (e) {
     // In firefox, button is focused when mouse down, which make editor lose focus
     // Hence we want to disabled it so that user can type in caption directly after click
@@ -89,7 +89,7 @@ var CaptionPlaceholderButton = exports.CaptionPlaceholderButton = /*#__PURE__*/_
   (0, _react2.jsx)("span", {
     css: placeholderText,
     id: _mediaSingle.CAPTION_PLACEHOLDER_ID
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage
+  }, (0, _react2.jsx)(_reactIntl.FormattedMessage
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , computedPlaceholderMessage)) : (0, _react2.jsx)(_primitives.Text, {

package/dist/cjs/ui/Media/DropPlaceholder.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _media = require("@atlaskit/editor-common/media");
 var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
 var _media2 = require("../../nodeviews/mediaNodeView/media");
@@ -47,7 +47,7 @@ var IconWrapperComponent = function IconWrapperComponent(props) {
     label: intl.formatMessage(dropPlaceholderLabel)
   }));
 };
-var IntlIconWrapper = (0, _reactIntlNext.injectIntl)(IconWrapperComponent);
+var IntlIconWrapper = (0, _reactIntl.injectIntl)(IconWrapperComponent);
 var _default = exports.default = function _default(_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'group' : _ref$type;

package/dist/cjs/ui/ToolbarMedia/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _media = require("@atlaskit/editor-common/media");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
@@ -49,5 +49,5 @@ var ToolbarMedia = function ToolbarMedia(_ref) {
 };
 
 // eslint-disable-next-line @typescript-eslint/ban-types
-var _default_1 = (0, _reactIntlNext.injectIntl)(ToolbarMedia);
+var _default_1 = (0, _reactIntl.injectIntl)(ToolbarMedia);
 var _default = exports.default = _default_1;

package/dist/es2019/mediaPlugin.js

@@ -234,7 +234,7 @@ export const mediaPlugin = ({
               mediaGroup: lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
               media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api)
+              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher)
             },
             errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,

package/dist/es2019/nodeviews/lazy-media-inline.js

@@ -1,5 +1,5 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-export const lazyMediaInlineView = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) => {
+export const lazyMediaInlineView = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) => {
   return withLazyLoading({
     nodeName: 'mediaInline',
     getNodeViewOptions: () => {},
@@ -9,7 +9,7 @@ export const lazyMediaInlineView = (portalProviderAPI, eventDispatcher, provider
         ReactMediaInlineNode
       }) => {
         return (node, view, getPos) => {
-          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent)(node, view, getPos);
+          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher)(node, view, getPos);
         };
       });
       return result;

package/dist/es2019/nodeviews/mediaGroupNext.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
 import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';

package/dist/es2019/nodeviews/mediaInline.js

@@ -152,7 +152,8 @@ export const MediaInline = props => {
   }, jsx(MediaInlineCard, {
     isSelected: props.isSelected,
     identifier: identifier,
-    mediaClientConfig: viewMediaClientConfig
+    mediaClientConfig: viewMediaClientConfig,
+    fallbackMediaNameFetcher: props.fallbackMediaNameFetcher
   }));
 };
 const selector = states => {
@@ -175,7 +176,8 @@ const MediaInlineSharedState = ({
   getPos,
   contextIdentifierProvider,
   api,
-  view
+  view,
+  fallbackMediaNameFetcher
 }) => {
   const {
     mediaProvider,
@@ -205,7 +207,8 @@ const MediaInlineSharedState = ({
     view: view,
     getPos: getPos,
     contextIdentifierProvider: contextIdentifierProvider,
-    editorViewMode: viewMode === 'view'
+    editorViewMode: viewMode === 'view',
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 export class MediaInlineNodeView extends SelectionBasedNodeView {
@@ -226,7 +229,8 @@ export class MediaInlineNodeView extends SelectionBasedNodeView {
   render(props) {
     const {
       providerFactory,
-      api
+      api,
+      fallbackMediaNameFetcher
     } = props;
     const {
       view
@@ -250,16 +254,18 @@ export class MediaInlineNodeView extends SelectionBasedNodeView {
           view: view,
           getPos: getPos,
           contextIdentifierProvider: contextIdentifierProvider,
-          api: api
+          api: api,
+          fallbackMediaNameFetcher: fallbackMediaNameFetcher
         });
       }
     });
   }
 }
-export const ReactMediaInlineNode = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) => (node, view, getPos) => {
+export const ReactMediaInlineNode = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) => (node, view, getPos) => {
   return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     providerFactory,
     dispatchAnalyticsEvent,
-    api
+    api,
+    fallbackMediaNameFetcher
   }).init();
 };

package/dist/es2019/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -8,7 +8,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';

package/dist/es2019/pm-plugins/main.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import assert from 'assert';
 import React from 'react';
-import { RawIntlProvider } from 'react-intl-next';
+import { RawIntlProvider } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';

package/dist/es2019/ui/CaptionPlaceholder/index.js

@@ -6,7 +6,7 @@ import React, { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { captionMessages as messages } from '@atlaskit/editor-common/media';
 import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/es2019/ui/Media/DropPlaceholder.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
 import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';

package/dist/es2019/ui/ToolbarMedia/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';

package/dist/esm/mediaPlugin.js

@@ -233,7 +233,7 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
               mediaGroup: lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
               media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api)
+              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher)
             },
             errorReporter: errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,

package/dist/esm/nodeviews/lazy-media-inline.js

@@ -1,5 +1,5 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-export var lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
+export var lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
   return withLazyLoading({
     nodeName: 'mediaInline',
     getNodeViewOptions: function getNodeViewOptions() {},
@@ -8,7 +8,7 @@ export var lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI,
       './mediaInline').then(function (_ref) {
         var ReactMediaInlineNode = _ref.ReactMediaInlineNode;
         return function (node, view, getPos) {
-          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent)(node, view, getPos);
+          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher)(node, view, getPos);
         };
       });
       return result;

package/dist/esm/nodeviews/mediaGroupNext.js

@@ -5,7 +5,7 @@ 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 React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
 import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';

package/dist/esm/nodeviews/mediaInline.js

@@ -216,7 +216,8 @@ export var MediaInline = function MediaInline(props) {
   }, jsx(MediaInlineCard, {
     isSelected: props.isSelected,
     identifier: identifier,
-    mediaClientConfig: viewMediaClientConfig
+    mediaClientConfig: viewMediaClientConfig,
+    fallbackMediaNameFetcher: props.fallbackMediaNameFetcher
   }));
 };
 var selector = function selector(states) {
@@ -239,7 +240,8 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
     getPos = _ref3.getPos,
     contextIdentifierProvider = _ref3.contextIdentifierProvider,
     api = _ref3.api,
-    view = _ref3.view;
+    view = _ref3.view,
+    fallbackMediaNameFetcher = _ref3.fallbackMediaNameFetcher;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode', 'media'], selector),
     mediaProvider = _useSharedPluginState.mediaProvider,
     allowInlineImages = _useSharedPluginState.allowInlineImages,
@@ -269,7 +271,8 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
     view: view,
     getPos: getPos,
     contextIdentifierProvider: contextIdentifierProvider,
-    editorViewMode: viewMode === 'view'
+    editorViewMode: viewMode === 'view',
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
@@ -303,7 +306,8 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     value: function render(props) {
       var _this = this;
       var providerFactory = props.providerFactory,
-        api = props.api;
+        api = props.api,
+        fallbackMediaNameFetcher = props.fallbackMediaNameFetcher;
       var view = this.view;
       var getPos = this.getPos;
       return jsx(WithProviders
@@ -323,19 +327,21 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
             view: view,
             getPos: getPos,
             contextIdentifierProvider: contextIdentifierProvider,
-            api: api
+            api: api,
+            fallbackMediaNameFetcher: fallbackMediaNameFetcher
           });
         }
       });
     }
   }]);
 }(SelectionBasedNodeView);
-export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
+export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
   return function (node, view, getPos) {
     return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      api: api
+      api: api,
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher
     }).init();
   };
 };

package/dist/esm/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -15,7 +15,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';

package/dist/esm/pm-plugins/main.js

@@ -10,7 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 assert from 'assert';
 import React from 'react';
-import { RawIntlProvider } from 'react-intl-next';
+import { RawIntlProvider } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';

package/dist/esm/ui/CaptionPlaceholder/index.js

@@ -8,7 +8,7 @@ import React, { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { captionMessages as messages } from '@atlaskit/editor-common/media';
 import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/esm/ui/Media/DropPlaceholder.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
 import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';

package/dist/esm/ui/ToolbarMedia/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';

package/dist/types/nodeviews/lazy-media-inline.d.ts

@@ -5,4 +5,4 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => NodeViewConstructor;
+export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => NodeViewConstructor;

package/dist/types/nodeviews/mediaGroupNext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';

package/dist/types/nodeviews/mediaInline.d.ts

@@ -17,6 +17,7 @@ export interface MediaInlineProps {
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     editorViewMode?: boolean;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     getPos: ProsemirrorGetPosHandler;
     handleMediaNodeMount: (node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
     handleMediaNodeUnmount: (node: PMNode) => void;
@@ -33,6 +34,7 @@ export declare const MediaInline: (props: MediaInlineProps) => jsx.JSX.Element;
 interface MediaInlineNodeViewProps {
     api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     providerFactory: ProviderFactory;
 }
 export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
@@ -41,5 +43,5 @@ export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInl
     viewShouldUpdate(nextNode: PMNode): boolean;
     render(props: MediaInlineNodeViewProps): jsx.JSX.Element;
 }
-export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/dist/types/pm-plugins/alt-text/ui/AltTextEdit.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WrappedComponentProps } from 'react-intl';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const MAX_ALT_TEXT_LENGTH = 510;

package/dist/types/pm-plugins/keymap.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';

package/dist/types/pm-plugins/main.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';

package/dist/types/pm-plugins/pixel-resizing/ui/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';

package/dist/types/pm-plugins/pixel-resizing/ui/types.d.ts

@@ -1,5 +1,5 @@
 import type { ChangeEvent } from 'react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 export type PixelEntryProps = {
     /**
      * Whether the new toolbar flags are enabled

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

@@ -69,6 +69,12 @@ export interface MediaPluginOptions {
     editorAppearance?: EditorAppearance;
     editorSelectionAPI?: EditorSelectionAPI;
     enableDownloadButton?: boolean;
+    /**
+     * Optional fallback fetcher to retrieve the media filename from another service
+     * Workaround for #hot-301450 where media service is missing filenames for DC -> Cloud migrated media
+     * Receives the file ID and should resolve to the filename string.
+     */
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     featureFlags?: MediaFeatureFlags;
     forceHandlePositioning?: HandlePositioning;
     fullWidthEnabled?: boolean;

package/dist/types/ui/ImageBorder/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
 export interface ImageBorderProps {
     borderMark?: BorderMarkAttributes;

package/dist/types/ui/MediaLinkingToolbar.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
+import type { IntlShape, WrappedComponentProps } from 'react-intl';
 import type { RecentSearchInputTypes } from '@atlaskit/editor-common/link';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 type Props = {

package/dist/types/ui/ToolbarMedia/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
 interface Props {

package/dist/types/ui/toolbar/alt-text.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command, FloatingToolbarButton, FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
 import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';

package/dist/types/ui/toolbar/comments.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { Command, ExtractInjectionAPI, FloatingToolbarButton } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

package/dist/types/ui/toolbar/index.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI, FloatingToolbarConfig } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

package/dist/types/ui/toolbar/linking-toolbar-appearance.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaLinkingState } from '../../pm-plugins/linking/types';
 export interface LinkingToolbarProps {

package/dist/types/ui/toolbar/linking.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types/ui/toolbar/mediaInline.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { Command, ExtractInjectionAPI, FloatingToolbarItem } from '@atlaskit/editor-common/types';
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types/ui/toolbar/pixel-resizing.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions, Command } from '@atlaskit/editor-common/types';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types/ui/toolbar/utils.d.ts

@@ -1,5 +1,5 @@
 import { type MemoizedFn } from 'memoize-one';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExternalMediaAttributes, MediaADFAttrs, RichMediaLayout } from '@atlaskit/adf-schema';
 import type { LayoutIcon } from '@atlaskit/editor-common/card';
 import type { Command, FloatingToolbarItem, FloatingToolbarDropdown, ExtractInjectionAPI } from '@atlaskit/editor-common/types';

package/dist/types-ts4.5/nodeviews/lazy-media-inline.d.ts

@@ -5,4 +5,4 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => NodeViewConstructor;
+export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => NodeViewConstructor;

package/dist/types-ts4.5/nodeviews/mediaGroupNext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';

package/dist/types-ts4.5/nodeviews/mediaInline.d.ts

@@ -17,6 +17,7 @@ export interface MediaInlineProps {
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     editorViewMode?: boolean;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     getPos: ProsemirrorGetPosHandler;
     handleMediaNodeMount: (node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
     handleMediaNodeUnmount: (node: PMNode) => void;
@@ -33,6 +34,7 @@ export declare const MediaInline: (props: MediaInlineProps) => jsx.JSX.Element;
 interface MediaInlineNodeViewProps {
     api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     providerFactory: ProviderFactory;
 }
 export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
@@ -41,5 +43,5 @@ export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInl
     viewShouldUpdate(nextNode: PMNode): boolean;
     render(props: MediaInlineNodeViewProps): jsx.JSX.Element;
 }
-export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/dist/types-ts4.5/pm-plugins/alt-text/ui/AltTextEdit.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WrappedComponentProps } from 'react-intl';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const MAX_ALT_TEXT_LENGTH = 510;

package/dist/types-ts4.5/pm-plugins/keymap.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';

package/dist/types-ts4.5/pm-plugins/pixel-resizing/ui/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';

package/dist/types-ts4.5/pm-plugins/pixel-resizing/ui/types.d.ts

@@ -1,5 +1,5 @@
 import type { ChangeEvent } from 'react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 export type PixelEntryProps = {
     /**
      * Whether the new toolbar flags are enabled

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

@@ -69,6 +69,12 @@ export interface MediaPluginOptions {
     editorAppearance?: EditorAppearance;
     editorSelectionAPI?: EditorSelectionAPI;
     enableDownloadButton?: boolean;
+    /**
+     * Optional fallback fetcher to retrieve the media filename from another service
+     * Workaround for #hot-301450 where media service is missing filenames for DC -> Cloud migrated media
+     * Receives the file ID and should resolve to the filename string.
+     */
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     featureFlags?: MediaFeatureFlags;
     forceHandlePositioning?: HandlePositioning;
     fullWidthEnabled?: boolean;

package/dist/types-ts4.5/ui/ImageBorder/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
 export interface ImageBorderProps {
     borderMark?: BorderMarkAttributes;

package/dist/types-ts4.5/ui/MediaLinkingToolbar.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
+import type { IntlShape, WrappedComponentProps } from 'react-intl';
 import type { RecentSearchInputTypes } from '@atlaskit/editor-common/link';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 type Props = {

package/dist/types-ts4.5/ui/ToolbarMedia/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
 interface Props {

package/dist/types-ts4.5/ui/toolbar/alt-text.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command, FloatingToolbarButton, FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
 import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';

package/dist/types-ts4.5/ui/toolbar/comments.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { Command, ExtractInjectionAPI, FloatingToolbarButton } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

package/dist/types-ts4.5/ui/toolbar/index.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI, FloatingToolbarConfig } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';

package/dist/types-ts4.5/ui/toolbar/linking-toolbar-appearance.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { MediaLinkingState } from '../../pm-plugins/linking/types';
 export interface LinkingToolbarProps {

package/dist/types-ts4.5/ui/toolbar/linking.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem, FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types-ts4.5/ui/toolbar/mediaInline.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { Command, ExtractInjectionAPI, FloatingToolbarItem } from '@atlaskit/editor-common/types';
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types-ts4.5/ui/toolbar/pixel-resizing.d.ts

@@ -1,4 +1,4 @@
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { FloatingToolbarConfig, FloatingToolbarOverflowDropdownOptions, Command } from '@atlaskit/editor-common/types';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';

package/dist/types-ts4.5/ui/toolbar/utils.d.ts

@@ -1,5 +1,5 @@
 import { type MemoizedFn } from 'memoize-one';
-import type { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl';
 import type { ExternalMediaAttributes, MediaADFAttrs, RichMediaLayout } from '@atlaskit/adf-schema';
 import type { LayoutIcon } from '@atlaskit/editor-common/card';
 import type { Command, FloatingToolbarItem, FloatingToolbarDropdown, ExtractInjectionAPI } from '@atlaskit/editor-common/types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "11.0.0",
+	"version": "12.1.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,27 +34,27 @@
 		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/editor-palette": "^2.1.0",
-		"@atlaskit/editor-plugin-analytics": "^9.0.0",
-		"@atlaskit/editor-plugin-annotation": "^9.0.0",
-		"@atlaskit/editor-plugin-connectivity": "^9.0.0",
-		"@atlaskit/editor-plugin-decorations": "^9.0.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^9.0.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^11.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^11.0.0",
-		"@atlaskit/editor-plugin-focus": "^8.0.0",
-		"@atlaskit/editor-plugin-grid": "^9.0.0",
-		"@atlaskit/editor-plugin-guideline": "^9.0.0",
-		"@atlaskit/editor-plugin-interaction": "^18.0.0",
-		"@atlaskit/editor-plugin-selection": "^9.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^6.0.0",
-		"@atlaskit/editor-plugin-width": "^10.0.0",
+		"@atlaskit/editor-plugin-analytics": "^10.0.0",
+		"@atlaskit/editor-plugin-annotation": "^10.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^10.0.0",
+		"@atlaskit/editor-plugin-decorations": "^10.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^10.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^12.0.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^12.0.0",
+		"@atlaskit/editor-plugin-focus": "^9.0.0",
+		"@atlaskit/editor-plugin-grid": "^10.0.0",
+		"@atlaskit/editor-plugin-guideline": "^10.0.0",
+		"@atlaskit/editor-plugin-interaction": "^19.0.0",
+		"@atlaskit/editor-plugin-selection": "^10.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^7.0.0",
+		"@atlaskit/editor-plugin-width": "^11.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/icon": "^34.2.0",
 		"@atlaskit/icon-lab": "^6.5.0",
-		"@atlaskit/media-card": "^80.0.0",
+		"@atlaskit/media-card": "^80.1.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
@@ -65,7 +65,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^62.4.0",
+		"@atlaskit/tmp-editor-statsig": "^62.8.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -77,11 +77,11 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^113.0.0",
+		"@atlaskit/editor-common": "^114.1.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-intl-next": "npm:react-intl@^5.18.1"
+		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"techstack": {
 		"@atlassian/frontend": {
@@ -167,5 +167,8 @@
 		"no-unused-dependencies": {
 			"checkDevDependencies": true
 		}
+	},
+	"devDependencies": {
+		"react-intl": "^6.6.2"
 	}
 }

package/report.api.md

@@ -447,7 +447,7 @@ type ProsemirrorGetPosHandler = getPosHandlerNode;
 	"@atlaskit/media-core": "^34.1.2",
 	"react": "^16.8.0",
 	"react-dom": "^16.8.0",
-	"react-intl-next": "npm:react-intl@^5.18.1"
+	"react-intl": "npm:react-intl@^5.18.1"
 }
 ```