@atlaskit/editor-plugin-media 12.7.1 → 12.7.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-media
 
+## 12.7.3
+
+### Patch Changes
+
+- [`ed7459903c172`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed7459903c172) -
+  Updated media to display correctly when ssr streaming is used.
+- Updated dependencies
+
+## 12.7.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.7.1
 
 ### Patch Changes

package/dist/cjs/mediaPlugin.js

@@ -242,10 +242,10 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
           return (0, _main.createPlugin)(schema, {
             providerFactory: providerFactory,
             nodeViews: {
-              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, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher)
+              mediaGroup: (0, _lazyMediaGroup.lazyMediaGroupView)(portalProviderAPI, eventDispatcher, providerFactory, options, api, getIntl()),
+              mediaSingle: (0, _mediaSingle.ReactMediaSingleNode)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options, getIntl()),
+              media: (0, _mediaNodeView.ReactMediaNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api, getIntl()),
+              mediaInline: (0, _lazyMediaInline.lazyMediaInlineView)(portalProviderAPI, eventDispatcher, providerFactory, api, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher, getIntl())
             },
             errorReporter: errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,

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

@@ -8,5 +8,6 @@ var _mediaGroup = require("./mediaGroup");
 var lazyMediaGroupView = exports.lazyMediaGroupView = function lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var api = arguments.length > 4 ? arguments[4] : undefined;
-  return (0, _mediaGroup.ReactMediaGroupNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api);
+  var intl = arguments.length > 5 ? arguments[5] : undefined;
+  return (0, _mediaGroup.ReactMediaGroupNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api, intl);
 };

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, fallbackMediaNameFetcher) {
+var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher, intl) {
   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, fallbackMediaNameFetcher)(node, view, getPos);
+          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher, intl)(node, view, getPos);
         };
       });
       return result;

package/dist/cjs/nodeviews/mediaGroup.js

@@ -15,6 +15,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _useMediaProvider = require("../ui/hooks/useMediaProvider");
+var _MediaSSRReactContextsProvider = require("../ui/MediaSSRReactContextsProvider");
 var _mediaGroupNext = require("./mediaGroupNext");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -50,9 +51,12 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
       var _this = this;
       var providerFactory = props.providerFactory,
         mediaOptions = props.mediaOptions,
-        pluginInjectionApi = props.pluginInjectionApi;
+        pluginInjectionApi = props.pluginInjectionApi,
+        intl = props.intl;
       var getPos = this.getPos;
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
+      return /*#__PURE__*/_react.default.createElement(_MediaSSRReactContextsProvider.MediaSSRReactContextsProvider, {
+        intl: intl
+      }, /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
@@ -87,18 +91,20 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
             pluginInjectionApi: pluginInjectionApi
           });
         }
-      });
+      }));
     }
   }]);
 }(_reactNodeView.default);
 var ReactMediaGroupNode = exports.ReactMediaGroupNode = function ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var pluginInjectionApi = arguments.length > 4 ? arguments[4] : undefined;
+  var intl = arguments.length > 5 ? arguments[5] : undefined;
   return function (node, view, getPos) {
     return new MediaGroupNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       mediaOptions: mediaOptions,
-      pluginInjectionApi: pluginInjectionApi
+      pluginInjectionApi: pluginInjectionApi,
+      intl: intl
     }).init();
   };
 };

package/dist/cjs/nodeviews/mediaInline.js

@@ -25,6 +25,7 @@ var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaUi = require("@atlaskit/media-ui");
 var _isType = require("../pm-plugins/utils/is-type");
+var _MediaSSRReactContextsProvider = require("../ui/MediaSSRReactContextsProvider");
 var _MediaViewerContainer = require("../ui/MediaViewer/MediaViewerContainer");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -311,10 +312,13 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
       var _this = this;
       var providerFactory = props.providerFactory,
         api = props.api,
-        fallbackMediaNameFetcher = props.fallbackMediaNameFetcher;
+        fallbackMediaNameFetcher = props.fallbackMediaNameFetcher,
+        intl = props.intl;
       var view = this.view;
       var getPos = this.getPos;
-      return (0, _react2.jsx)(_providerFactory.WithProviders
+      return (0, _react2.jsx)(_MediaSSRReactContextsProvider.MediaSSRReactContextsProvider, {
+        intl: intl
+      }, (0, _react2.jsx)(_providerFactory.WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
@@ -335,17 +339,18 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
             fallbackMediaNameFetcher: fallbackMediaNameFetcher
           });
         }
-      });
+      }));
     }
   }]);
 }(_selectionBasedNodeView.SelectionBasedNodeView);
-var ReactMediaInlineNode = exports.ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
+var ReactMediaInlineNode = exports.ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher, intl) {
   return function (node, view, getPos) {
     return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       api: api,
-      fallbackMediaNameFetcher: fallbackMediaNameFetcher
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher,
+      intl: intl
     }).init();
   };
 };

package/dist/cjs/nodeviews/mediaNodeView/index.js

@@ -26,6 +26,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _aiGeneratingDecoration = require("../../pm-plugins/ai-generating-decoration");
 var _helpers = require("../../pm-plugins/commands/helpers");
 var _mediaCommon = require("../../pm-plugins/utils/media-common");
+var _MediaSSRReactContextsProvider = require("../../ui/MediaSSRReactContextsProvider");
 var _media = _interopRequireDefault(require("./media"));
 var _excluded = ["width", "height"];
 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; }
@@ -300,14 +301,18 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }, {
     key: "render",
     value: function render() {
-      var providerFactory = this.reactComponentProps.providerFactory;
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
+      var _this$reactComponentP2 = this.reactComponentProps,
+        providerFactory = _this$reactComponentP2.providerFactory,
+        intl = _this$reactComponentP2.intl;
+      return /*#__PURE__*/_react.default.createElement(_MediaSSRReactContextsProvider.MediaSSRReactContextsProvider, {
+        intl: intl
+      }, /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: this.renderMediaNodeWithProviders
-      });
+      }));
     }
   }, {
     key: "destroy",
@@ -322,12 +327,14 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
 var ReactMediaNode = exports.ReactMediaNode = function ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var pluginInjectionApi = arguments.length > 4 ? arguments[4] : undefined;
+  var intl = arguments.length > 5 ? arguments[5] : undefined;
   return function (node, view, getPos) {
     return new MediaNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       eventDispatcher: eventDispatcher,
       providerFactory: providerFactory,
       mediaOptions: mediaOptions,
-      pluginInjectionApi: pluginInjectionApi
+      pluginInjectionApi: pluginInjectionApi,
+      intl: intl
     }).init();
   };
 };

package/dist/cjs/nodeviews/mediaSingle.js

@@ -20,6 +20,7 @@ var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/rea
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _utils = require("@atlaskit/editor-common/utils");
 var _main = require("../pm-plugins/main");
+var _MediaSSRReactContextsProvider = require("../ui/MediaSSRReactContextsProvider");
 var _mediaSingleNext = require("./mediaSingleNext");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -248,11 +249,13 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
         mediaOptions = _this$reactComponentP5.mediaOptions,
         dispatchAnalyticsEvent = _this$reactComponentP5.dispatchAnalyticsEvent,
         pluginInjectionApi = _this$reactComponentP5.pluginInjectionApi,
-        editorAppearance = _this$reactComponentP5.editorAppearance;
-
+        editorAppearance = _this$reactComponentP5.editorAppearance,
+        intl = _this$reactComponentP5.intl;
       // getPos is a boolean for marks, since this is a node we know it must be a function
       var getPos = this.getPos;
-      return (0, _react2.jsx)(_providerFactory.WithProviders
+      return (0, _react2.jsx)(_MediaSSRReactContextsProvider.MediaSSRReactContextsProvider, {
+        intl: intl
+      }, (0, _react2.jsx)(_providerFactory.WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
@@ -282,7 +285,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
             editorAppearance: editorAppearance
           });
         }
-      });
+      }));
     }
   }, {
     key: "ignoreMutation",
@@ -312,6 +315,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
 }(_reactNodeView.default);
 var ReactMediaSingleNode = exports.ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, pluginInjectionApi, dispatchAnalyticsEvent) {
   var mediaOptions = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+  var intl = arguments.length > 6 ? arguments[6] : undefined;
   return function (node, view, getPos) {
     return new MediaSingleNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       eventDispatcher: eventDispatcher,
@@ -321,7 +325,8 @@ var ReactMediaSingleNode = exports.ReactMediaSingleNode = function ReactMediaSin
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled,
       pluginInjectionApi: pluginInjectionApi,
-      editorAppearance: mediaOptions.editorAppearance
+      editorAppearance: mediaOptions.editorAppearance,
+      intl: intl
     }).init();
   };
 };

package/dist/cjs/nodeviews/mediaSingleNext.js

@@ -16,6 +16,7 @@ var _browser = require("@atlaskit/editor-common/browser");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _media = require("@atlaskit/editor-common/media");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
+var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
@@ -501,7 +502,7 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
       getPos: getPos,
       isDrafting: isCurrentNodeDrafting
     }));
-  }), (0, _react2.jsx)("div", {
+  }), (0, _react2.jsx)(_reactNodeView.NodeViewContentHole, {
     ref: forwardRef
   }), shouldShowPlaceholder && ((0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? (0, _react2.jsx)(_CaptionPlaceholder.CaptionPlaceholderButton
   // platform_editor_typography_ugc clean up

package/dist/cjs/ui/MediaSSRReactContextsProvider.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaSSRReactContextsProvider = MediaSSRReactContextsProvider;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+function MediaSSRReactContextsProvider(_ref) {
+  var children = _ref.children,
+    intl = _ref.intl;
+  if (!(0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) || !(0, _coreUtils.isSSR)()) {
+    return children;
+  }
+  if (!intl) {
+    return children;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactIntl.RawIntlProvider, {
+    value: intl
+  }, children);
+}

package/dist/es2019/mediaPlugin.js

@@ -234,10 +234,10 @@ export const mediaPlugin = ({
           return createPlugin(schema, {
             providerFactory,
             nodeViews: {
-              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, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher)
+              mediaGroup: lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory, options, api, getIntl()),
+              mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options, getIntl()),
+              media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api, getIntl()),
+              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher, getIntl())
             },
             errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,

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

@@ -1,4 +1,4 @@
 import { ReactMediaGroupNode } from './mediaGroup';
-export const lazyMediaGroupView = (portalProviderAPI, eventDispatcher, providerFactory, options = {}, api) => {
-  return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api);
+export const lazyMediaGroupView = (portalProviderAPI, eventDispatcher, providerFactory, options = {}, api, intl) => {
+  return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api, intl);
 };

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, fallbackMediaNameFetcher) => {
+export const lazyMediaInlineView = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher, intl) => {
   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, fallbackMediaNameFetcher)(node, view, getPos);
+          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher, intl)(node, view, getPos);
         };
       });
       return result;

package/dist/es2019/nodeviews/mediaGroup.js

@@ -3,6 +3,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { useMediaProvider } from '../ui/hooks/useMediaProvider';
+import { MediaSSRReactContextsProvider } from '../ui/MediaSSRReactContextsProvider';
 import { MediaGroupNext } from './mediaGroupNext';
 const selector = states => {
   var _states$editorDisable, _states$editorViewMod;
@@ -31,10 +32,13 @@ class MediaGroupNodeView extends ReactNodeView {
     const {
       providerFactory,
       mediaOptions,
-      pluginInjectionApi
+      pluginInjectionApi,
+      intl
     } = props;
     const getPos = this.getPos;
-    return /*#__PURE__*/React.createElement(WithProviders
+    return /*#__PURE__*/React.createElement(MediaSSRReactContextsProvider, {
+      intl: intl
+    }, /*#__PURE__*/React.createElement(WithProviders
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       providers: ['contextIdentifierProvider'],
@@ -71,13 +75,14 @@ class MediaGroupNodeView extends ReactNodeView {
           pluginInjectionApi: pluginInjectionApi
         });
       }
-    });
+    }));
   }
 }
-export const ReactMediaGroupNode = (portalProviderAPI, eventDispatcher, providerFactory, mediaOptions = {}, pluginInjectionApi) => (node, view, getPos) => {
+export const ReactMediaGroupNode = (portalProviderAPI, eventDispatcher, providerFactory, mediaOptions = {}, pluginInjectionApi, intl) => (node, view, getPos) => {
   return new MediaGroupNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     providerFactory,
     mediaOptions,
-    pluginInjectionApi
+    pluginInjectionApi,
+    intl
   }).init();
 };

package/dist/es2019/nodeviews/mediaInline.js

@@ -14,6 +14,7 @@ import { MediaInlineCard } from '@atlaskit/media-card';
 import { getMediaClient } from '@atlaskit/media-client-react';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
 import { isImage } from '../pm-plugins/utils/is-type';
+import { MediaSSRReactContextsProvider } from '../ui/MediaSSRReactContextsProvider';
 import { MediaViewerContainer } from '../ui/MediaViewer/MediaViewerContainer';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 const createMediaNodeUpdater = props => {
@@ -230,13 +231,16 @@ export class MediaInlineNodeView extends SelectionBasedNodeView {
     const {
       providerFactory,
       api,
-      fallbackMediaNameFetcher
+      fallbackMediaNameFetcher,
+      intl
     } = props;
     const {
       view
     } = this;
     const getPos = this.getPos;
-    return jsx(WithProviders
+    return jsx(MediaSSRReactContextsProvider, {
+      intl: intl
+    }, jsx(WithProviders
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       providers: ['contextIdentifierProvider'],
@@ -258,14 +262,15 @@ export class MediaInlineNodeView extends SelectionBasedNodeView {
           fallbackMediaNameFetcher: fallbackMediaNameFetcher
         });
       }
-    });
+    }));
   }
 }
-export const ReactMediaInlineNode = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) => (node, view, getPos) => {
+export const ReactMediaInlineNode = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher, intl) => (node, view, getPos) => {
   return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     providerFactory,
     dispatchAnalyticsEvent,
     api,
-    fallbackMediaNameFetcher
+    fallbackMediaNameFetcher,
+    intl
   }).init();
 };

package/dist/es2019/nodeviews/mediaNodeView/index.js

@@ -12,6 +12,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { hasAIGeneratingDecoration } from '../../pm-plugins/ai-generating-decoration';
 import { updateCurrentMediaNodeAttrs } from '../../pm-plugins/commands/helpers';
 import { isMediaBlobUrlFromAttrs } from '../../pm-plugins/utils/media-common';
+import { MediaSSRReactContextsProvider } from '../../ui/MediaSSRReactContextsProvider';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import MediaNode from './media';
@@ -275,15 +276,18 @@ class MediaNodeView extends SelectionBasedNodeView {
   }
   render() {
     const {
-      providerFactory
+      providerFactory,
+      intl
     } = this.reactComponentProps;
-    return /*#__PURE__*/React.createElement(WithProviders
+    return /*#__PURE__*/React.createElement(MediaSSRReactContextsProvider, {
+      intl: intl
+    }, /*#__PURE__*/React.createElement(WithProviders
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       providers: ['contextIdentifierProvider'],
       providerFactory: providerFactory,
       renderNode: this.renderMediaNodeWithProviders
-    });
+    }));
   }
   destroy() {
     if (this.resizeListenerBinding) {
@@ -292,11 +296,12 @@ class MediaNodeView extends SelectionBasedNodeView {
     super.destroy();
   }
 }
-export const ReactMediaNode = (portalProviderAPI, eventDispatcher, providerFactory, mediaOptions = {}, pluginInjectionApi) => (node, view, getPos) => {
+export const ReactMediaNode = (portalProviderAPI, eventDispatcher, providerFactory, mediaOptions = {}, pluginInjectionApi, intl) => (node, view, getPos) => {
   return new MediaNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     eventDispatcher,
     providerFactory,
     mediaOptions,
-    pluginInjectionApi
+    pluginInjectionApi,
+    intl
   }).init();
 };

package/dist/es2019/nodeviews/mediaSingle.js

@@ -15,6 +15,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { isNodeSelectedOrInRange } from '@atlaskit/editor-common/utils';
 import { MEDIA_CONTENT_WRAP_CLASS_NAME } from '../pm-plugins/main';
+import { MediaSSRReactContextsProvider } from '../ui/MediaSSRReactContextsProvider';
 import { MediaSingleNodeNext } from './mediaSingleNext';
 const selector = states => {
   var _states$mediaState, _states$mediaState2, _states$annotationSta, _states$annotationSta2, _states$widthState, _states$widthState2, _states$editorDisable, _states$editorViewMod;
@@ -205,12 +206,14 @@ class MediaSingleNodeView extends ReactNodeView {
       mediaOptions,
       dispatchAnalyticsEvent,
       pluginInjectionApi,
-      editorAppearance
+      editorAppearance,
+      intl
     } = this.reactComponentProps;
-
     // getPos is a boolean for marks, since this is a node we know it must be a function
     const getPos = this.getPos;
-    return jsx(WithProviders
+    return jsx(MediaSSRReactContextsProvider, {
+      intl: intl
+    }, jsx(WithProviders
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       providers: ['contextIdentifierProvider'],
@@ -241,7 +244,7 @@ class MediaSingleNodeView extends ReactNodeView {
           editorAppearance: editorAppearance
         });
       }
-    });
+    }));
   }
   ignoreMutation() {
     // DOM has changed; recalculate if we need to re-render
@@ -262,7 +265,7 @@ class MediaSingleNodeView extends ReactNodeView {
     (_this$unsubscribeToVi = this.unsubscribeToViewModeChange) === null || _this$unsubscribeToVi === void 0 ? void 0 : _this$unsubscribeToVi.call(this);
   }
 }
-export const ReactMediaSingleNode = (portalProviderAPI, eventDispatcher, providerFactory, pluginInjectionApi, dispatchAnalyticsEvent, mediaOptions = {}) => (node, view, getPos) => {
+export const ReactMediaSingleNode = (portalProviderAPI, eventDispatcher, providerFactory, pluginInjectionApi, dispatchAnalyticsEvent, mediaOptions = {}, intl) => (node, view, getPos) => {
   return new MediaSingleNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     eventDispatcher,
     fullWidthMode: mediaOptions.fullWidthEnabled,
@@ -271,6 +274,7 @@ export const ReactMediaSingleNode = (portalProviderAPI, eventDispatcher, provide
     dispatchAnalyticsEvent,
     isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled,
     pluginInjectionApi,
-    editorAppearance: mediaOptions.editorAppearance
+    editorAppearance: mediaOptions.editorAppearance,
+    intl
   }).init();
 };

package/dist/es2019/nodeviews/mediaSingleNext.js

@@ -11,6 +11,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { captionMessages } from '@atlaskit/editor-common/media';
 import { calcMediaSinglePixelWidth, DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH, ExternalImageBadge, getMaxWidthForNestedNode, MEDIA_SINGLE_GUTTER_SIZE, MediaBadges } from '@atlaskit/editor-common/media-single';
+import { NodeViewContentHole } from '@atlaskit/editor-common/react-node-view';
 import { MediaSingle } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
@@ -460,7 +461,7 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
     mediaNode: mediaNode === null || mediaNode === void 0 ? void 0 : mediaNode.firstChild,
     getPos: getPos,
     isDrafting: isCurrentNodeDrafting
-  }))), jsx("div", {
+  }))), jsx(NodeViewContentHole, {
     ref: forwardRef
   }), shouldShowPlaceholder && (fg('platform_editor_typography_ugc') ? jsx(CaptionPlaceholderButton
   // platform_editor_typography_ugc clean up

package/dist/es2019/ui/MediaSSRReactContextsProvider.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { RawIntlProvider } from 'react-intl';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+export function MediaSSRReactContextsProvider({
+  children,
+  intl
+}) {
+  if (!expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) || !isSSR()) {
+    return children;
+  }
+  if (!intl) {
+    return children;
+  }
+  return /*#__PURE__*/React.createElement(RawIntlProvider, {
+    value: intl
+  }, children);
+}

package/dist/esm/mediaPlugin.js

@@ -233,10 +233,10 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
           return createPlugin(schema, {
             providerFactory: providerFactory,
             nodeViews: {
-              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, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher)
+              mediaGroup: lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory, options, api, getIntl()),
+              mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options, getIntl()),
+              media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api, getIntl()),
+              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher, getIntl())
             },
             errorReporter: errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,

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

@@ -2,5 +2,6 @@ import { ReactMediaGroupNode } from './mediaGroup';
 export var lazyMediaGroupView = function lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var api = arguments.length > 4 ? arguments[4] : undefined;
-  return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api);
+  var intl = arguments.length > 5 ? arguments[5] : undefined;
+  return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api, intl);
 };

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, fallbackMediaNameFetcher) {
+export var lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher, intl) {
   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, fallbackMediaNameFetcher)(node, view, getPos);
+          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher, intl)(node, view, getPos);
         };
       });
       return result;

package/dist/esm/nodeviews/mediaGroup.js

@@ -10,6 +10,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { useMediaProvider } from '../ui/hooks/useMediaProvider';
+import { MediaSSRReactContextsProvider } from '../ui/MediaSSRReactContextsProvider';
 import { MediaGroupNext } from './mediaGroupNext';
 var selector = function selector(states) {
   var _states$editorDisable, _states$editorViewMod;
@@ -43,9 +44,12 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
       var _this = this;
       var providerFactory = props.providerFactory,
         mediaOptions = props.mediaOptions,
-        pluginInjectionApi = props.pluginInjectionApi;
+        pluginInjectionApi = props.pluginInjectionApi,
+        intl = props.intl;
       var getPos = this.getPos;
-      return /*#__PURE__*/React.createElement(WithProviders
+      return /*#__PURE__*/React.createElement(MediaSSRReactContextsProvider, {
+        intl: intl
+      }, /*#__PURE__*/React.createElement(WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
@@ -80,18 +84,20 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
             pluginInjectionApi: pluginInjectionApi
           });
         }
-      });
+      }));
     }
   }]);
 }(ReactNodeView);
 export var ReactMediaGroupNode = function ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var pluginInjectionApi = arguments.length > 4 ? arguments[4] : undefined;
+  var intl = arguments.length > 5 ? arguments[5] : undefined;
   return function (node, view, getPos) {
     return new MediaGroupNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       mediaOptions: mediaOptions,
-      pluginInjectionApi: pluginInjectionApi
+      pluginInjectionApi: pluginInjectionApi,
+      intl: intl
     }).init();
   };
 };

package/dist/esm/nodeviews/mediaInline.js

@@ -29,6 +29,7 @@ import { MediaInlineCard } from '@atlaskit/media-card';
 import { getMediaClient } from '@atlaskit/media-client-react';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
 import { isImage } from '../pm-plugins/utils/is-type';
+import { MediaSSRReactContextsProvider } from '../ui/MediaSSRReactContextsProvider';
 import { MediaViewerContainer } from '../ui/MediaViewer/MediaViewerContainer';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 var createMediaNodeUpdater = function createMediaNodeUpdater(props) {
@@ -307,10 +308,13 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       var _this = this;
       var providerFactory = props.providerFactory,
         api = props.api,
-        fallbackMediaNameFetcher = props.fallbackMediaNameFetcher;
+        fallbackMediaNameFetcher = props.fallbackMediaNameFetcher,
+        intl = props.intl;
       var view = this.view;
       var getPos = this.getPos;
-      return jsx(WithProviders
+      return jsx(MediaSSRReactContextsProvider, {
+        intl: intl
+      }, jsx(WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
@@ -331,17 +335,18 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
             fallbackMediaNameFetcher: fallbackMediaNameFetcher
           });
         }
-      });
+      }));
     }
   }]);
 }(SelectionBasedNodeView);
-export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
+export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher, intl) {
   return function (node, view, getPos) {
     return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       api: api,
-      fallbackMediaNameFetcher: fallbackMediaNameFetcher
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher,
+      intl: intl
     }).init();
   };
 };

package/dist/esm/nodeviews/mediaNodeView/index.js

@@ -25,6 +25,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { hasAIGeneratingDecoration } from '../../pm-plugins/ai-generating-decoration';
 import { updateCurrentMediaNodeAttrs } from '../../pm-plugins/commands/helpers';
 import { isMediaBlobUrlFromAttrs } from '../../pm-plugins/utils/media-common';
+import { MediaSSRReactContextsProvider } from '../../ui/MediaSSRReactContextsProvider';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import MediaNode from './media';
@@ -294,14 +295,18 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }, {
     key: "render",
     value: function render() {
-      var providerFactory = this.reactComponentProps.providerFactory;
-      return /*#__PURE__*/React.createElement(WithProviders
+      var _this$reactComponentP2 = this.reactComponentProps,
+        providerFactory = _this$reactComponentP2.providerFactory,
+        intl = _this$reactComponentP2.intl;
+      return /*#__PURE__*/React.createElement(MediaSSRReactContextsProvider, {
+        intl: intl
+      }, /*#__PURE__*/React.createElement(WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: this.renderMediaNodeWithProviders
-      });
+      }));
     }
   }, {
     key: "destroy",
@@ -316,12 +321,14 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
 export var ReactMediaNode = function ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var pluginInjectionApi = arguments.length > 4 ? arguments[4] : undefined;
+  var intl = arguments.length > 5 ? arguments[5] : undefined;
   return function (node, view, getPos) {
     return new MediaNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       eventDispatcher: eventDispatcher,
       providerFactory: providerFactory,
       mediaOptions: mediaOptions,
-      pluginInjectionApi: pluginInjectionApi
+      pluginInjectionApi: pluginInjectionApi,
+      intl: intl
     }).init();
   };
 };

package/dist/esm/nodeviews/mediaSingle.js

@@ -24,6 +24,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { isNodeSelectedOrInRange } from '@atlaskit/editor-common/utils';
 import { MEDIA_CONTENT_WRAP_CLASS_NAME } from '../pm-plugins/main';
+import { MediaSSRReactContextsProvider } from '../ui/MediaSSRReactContextsProvider';
 import { MediaSingleNodeNext } from './mediaSingleNext';
 var selector = function selector(states) {
   var _states$mediaState, _states$mediaState2, _states$annotationSta, _states$annotationSta2, _states$widthState, _states$widthState2, _states$editorDisable, _states$editorViewMod;
@@ -244,11 +245,13 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
         mediaOptions = _this$reactComponentP5.mediaOptions,
         dispatchAnalyticsEvent = _this$reactComponentP5.dispatchAnalyticsEvent,
         pluginInjectionApi = _this$reactComponentP5.pluginInjectionApi,
-        editorAppearance = _this$reactComponentP5.editorAppearance;
-
+        editorAppearance = _this$reactComponentP5.editorAppearance,
+        intl = _this$reactComponentP5.intl;
       // getPos is a boolean for marks, since this is a node we know it must be a function
       var getPos = this.getPos;
-      return jsx(WithProviders
+      return jsx(MediaSSRReactContextsProvider, {
+        intl: intl
+      }, jsx(WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
@@ -278,7 +281,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
             editorAppearance: editorAppearance
           });
         }
-      });
+      }));
     }
   }, {
     key: "ignoreMutation",
@@ -308,6 +311,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
 }(ReactNodeView);
 export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, pluginInjectionApi, dispatchAnalyticsEvent) {
   var mediaOptions = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+  var intl = arguments.length > 6 ? arguments[6] : undefined;
   return function (node, view, getPos) {
     return new MediaSingleNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       eventDispatcher: eventDispatcher,
@@ -317,7 +321,8 @@ export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAP
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled,
       pluginInjectionApi: pluginInjectionApi,
-      editorAppearance: mediaOptions.editorAppearance
+      editorAppearance: mediaOptions.editorAppearance,
+      intl: intl
     }).init();
   };
 };

package/dist/esm/nodeviews/mediaSingleNext.js

@@ -17,6 +17,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { captionMessages } from '@atlaskit/editor-common/media';
 import { calcMediaSinglePixelWidth, DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH, ExternalImageBadge, getMaxWidthForNestedNode, MEDIA_SINGLE_GUTTER_SIZE, MediaBadges } from '@atlaskit/editor-common/media-single';
+import { NodeViewContentHole } from '@atlaskit/editor-common/react-node-view';
 import { MediaSingle } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
@@ -495,7 +496,7 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
       getPos: getPos,
       isDrafting: isCurrentNodeDrafting
     }));
-  }), jsx("div", {
+  }), jsx(NodeViewContentHole, {
     ref: forwardRef
   }), shouldShowPlaceholder && (fg('platform_editor_typography_ugc') ? jsx(CaptionPlaceholderButton
   // platform_editor_typography_ugc clean up

package/dist/esm/ui/MediaSSRReactContextsProvider.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { RawIntlProvider } from 'react-intl';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+export function MediaSSRReactContextsProvider(_ref) {
+  var children = _ref.children,
+    intl = _ref.intl;
+  if (!expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) || !isSSR()) {
+    return children;
+  }
+  if (!intl) {
+    return children;
+  }
+  return /*#__PURE__*/React.createElement(RawIntlProvider, {
+    value: intl
+  }, children);
+}

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

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -5,4 +6,4 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
 import type { MediaPluginOptions } from '../types';
-export declare const lazyMediaGroupView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, options: MediaPluginOptions | undefined, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => NodeViewConstructor;
+export declare const lazyMediaGroupView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, options: MediaPluginOptions | undefined, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, intl?: IntlShape) => NodeViewConstructor;

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

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
@@ -5,4 +6,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, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => NodeViewConstructor;
+export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>, intl?: IntlShape) => NodeViewConstructor;

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

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
@@ -6,4 +7,4 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
 import type { getPosHandler, MediaPluginOptions } from '../types';
-export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -1,4 +1,5 @@
 import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -35,6 +36,7 @@ interface MediaInlineNodeViewProps {
     api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     fallbackMediaNameFetcher?: (id: string) => Promise<string>;
+    intl?: IntlShape;
     providerFactory: ProviderFactory;
 }
 export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
@@ -43,5 +45,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, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => (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>, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { IntlShape } from 'react-intl';
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -43,5 +44,5 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     render(): React.JSX.Element;
     destroy(): void;
 }
-export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
+export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
 export {};

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

@@ -1,4 +1,5 @@
 import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -33,5 +34,5 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     ignoreMutation(): boolean;
     destroy(): void;
 }
-export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
+export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
 export {};

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

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
@@ -34,6 +35,7 @@ export interface MediaSingleNodeViewProps {
     editorAppearance?: EditorAppearance;
     eventDispatcher: EventDispatcher;
     fullWidthMode?: boolean;
+    intl?: IntlShape;
     isCopyPasteEnabled?: boolean;
     mediaOptions: MediaOptions;
     pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
@@ -41,6 +43,7 @@ export interface MediaSingleNodeViewProps {
 }
 export interface MediaNodeViewProps {
     eventDispatcher: EventDispatcher;
+    intl?: IntlShape;
     mediaOptions: MediaOptions;
     pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     providerFactory: ProviderFactory;

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

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import { type IntlShape } from 'react-intl';
+interface Props {
+    children: ReactNode;
+    intl: IntlShape | undefined;
+}
+export declare function MediaSSRReactContextsProvider({ children, intl }: Props): ReactNode;
+export {};

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

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -5,4 +6,4 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
 import type { MediaPluginOptions } from '../types';
-export declare const lazyMediaGroupView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, options: MediaPluginOptions | undefined, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => NodeViewConstructor;
+export declare const lazyMediaGroupView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, options: MediaPluginOptions | undefined, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, intl?: IntlShape) => NodeViewConstructor;

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

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
@@ -5,4 +6,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, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => NodeViewConstructor;
+export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>, intl?: IntlShape) => NodeViewConstructor;

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

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
@@ -6,4 +7,4 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
 import type { getPosHandler, MediaPluginOptions } from '../types';
-export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -1,4 +1,5 @@
 import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -35,6 +36,7 @@ interface MediaInlineNodeViewProps {
     api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     fallbackMediaNameFetcher?: (id: string) => Promise<string>;
+    intl?: IntlShape;
     providerFactory: ProviderFactory;
 }
 export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
@@ -43,5 +45,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, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => (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>, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { IntlShape } from 'react-intl';
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -43,5 +44,5 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     render(): React.JSX.Element;
     destroy(): void;
 }
-export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
+export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaPluginOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
 export {};

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

@@ -1,4 +1,5 @@
 import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -33,5 +34,5 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     ignoreMutation(): boolean;
     destroy(): void;
 }
-export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
+export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions, intl?: IntlShape) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
 export {};

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

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
@@ -34,6 +35,7 @@ export interface MediaSingleNodeViewProps {
     editorAppearance?: EditorAppearance;
     eventDispatcher: EventDispatcher;
     fullWidthMode?: boolean;
+    intl?: IntlShape;
     isCopyPasteEnabled?: boolean;
     mediaOptions: MediaOptions;
     pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
@@ -41,6 +43,7 @@ export interface MediaSingleNodeViewProps {
 }
 export interface MediaNodeViewProps {
     eventDispatcher: EventDispatcher;
+    intl?: IntlShape;
     mediaOptions: MediaOptions;
     pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     providerFactory: ProviderFactory;

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

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import { type IntlShape } from 'react-intl';
+interface Props {
+    children: ReactNode;
+    intl: IntlShape | undefined;
+}
+export declare function MediaSSRReactContextsProvider({ children, intl }: Props): ReactNode;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "12.7.1",
+	"version": "12.7.3",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,9 +33,9 @@
 		"@atlaskit/analytics-namespaced-context": "^7.3.0",
 		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/editor-palette": "^2.1.0",
-		"@atlaskit/editor-plugin-analytics": "^10.0.0",
-		"@atlaskit/editor-plugin-annotation": "^10.3.0",
+		"@atlaskit/editor-palette": "^2.2.0",
+		"@atlaskit/editor-plugin-analytics": "^10.1.0",
+		"@atlaskit/editor-plugin-annotation": "^10.4.0",
 		"@atlaskit/editor-plugin-connectivity": "^10.1.0",
 		"@atlaskit/editor-plugin-decorations": "^10.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^10.1.0",
@@ -52,20 +52,20 @@
 		"@atlaskit/editor-shared-styles": "^3.11.0",
 		"@atlaskit/editor-tables": "^2.10.0",
 		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/icon": "^34.5.0",
+		"@atlaskit/icon": "^34.6.0",
 		"@atlaskit/icon-lab": "^6.9.0",
 		"@atlaskit/media-card": "^80.5.0",
-		"@atlaskit/media-client": "^36.2.0",
+		"@atlaskit/media-client": "^36.3.0",
 		"@atlaskit/media-client-react": "^5.1.0",
 		"@atlaskit/media-common": "^13.3.0",
 		"@atlaskit/media-filmstrip": "^51.3.0",
-		"@atlaskit/media-picker": "^71.2.0",
+		"@atlaskit/media-picker": "^71.3.0",
 		"@atlaskit/media-ui": "^29.2.0",
 		"@atlaskit/media-viewer": "^53.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^80.3.0",
+		"@atlaskit/tmp-editor-statsig": "^81.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@babel/runtime": "^7.0.0",
@@ -77,7 +77,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.32.0",
+		"@atlaskit/editor-common": "^114.33.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",