@atlaskit/editor-plugin-media 1.24.4 → 1.26.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/editor-plugin-media
 
+## 1.26.0
+
+### Minor Changes
+
+- [#122895](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122895)
+  [`49b8c7658f3b5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/49b8c7658f3b5) -
+  [ED-24173] bump @atlaskit/adf-schema to 40.3.0 and @atlassian/adf-schema-json to 1.18.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.25.0
+
+### Minor Changes
+
+- [#123036](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123036)
+  [`89dbc07d4028b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/89dbc07d4028b) -
+  Introduces new "setProvider" action on media plugin. This allows a consumer to update the initial
+  configured media provider at a later point. This makes a difference if you are passing the media
+  prop to the media plugin rather than the Editor itself.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.24.4
 
 ### Patch Changes

package/dist/cjs/hooks/useMediaProvider.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMediaProvider = void 0;
+var _react = require("react");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var useMediaProvider = exports.useMediaProvider = function useMediaProvider(pluginInjectionApi) {
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['media']),
+    mediaState = _useSharedPluginState.mediaState;
+  var provider = (0, _react.useMemo)(function () {
+    return mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider;
+  }, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
+  return provider;
+};

package/dist/cjs/nodeviews/mediaGroup.js

@@ -24,6 +24,8 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useMediaProvider = require("../hooks/useMediaProvider");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
 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; }
@@ -310,9 +312,11 @@ function MediaGroupNodeViewInternal(_ref3) {
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['editorDisabled', 'editorViewMode']),
     editorDisabledPlugin = _useSharedPluginState.editorDisabledState,
     editorViewModePlugin = _useSharedPluginState.editorViewModeState;
+  var mediaProvider = (0, _useMediaProvider.useMediaProvider)(pluginInjectionApi);
   return renderFn({
     editorDisabledPlugin: editorDisabledPlugin,
-    editorViewModePlugin: editorViewModePlugin
+    editorViewModePlugin: editorViewModePlugin,
+    mediaProvider: mediaProvider
   });
 }
 var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
@@ -330,7 +334,10 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
         mediaOptions = props.mediaOptions,
         pluginInjectionApi = props.pluginInjectionApi;
       var getPos = this.getPos;
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
+      // Cleanup: `platform_editor_media_provider_from_plugin_config`
+      // Remove `mediaProvider`
+      , {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref4) {
@@ -338,7 +345,29 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
             contextIdentifierProvider = _ref4.contextIdentifierProvider;
           var renderFn = function renderFn(_ref5) {
             var editorDisabledPlugin = _ref5.editorDisabledPlugin,
-              editorViewModePlugin = _ref5.editorViewModePlugin;
+              editorViewModePlugin = _ref5.editorViewModePlugin,
+              mediaProviderFromState = _ref5.mediaProvider;
+            if ((0, _platformFeatureFlags.fg)('platform_editor_media_provider_from_plugin_config')) {
+              var newMediaProvider = mediaProviderFromState ? Promise.resolve(mediaProviderFromState) : undefined;
+              if (!newMediaProvider) {
+                return null;
+              }
+              return /*#__PURE__*/_react.default.createElement(IntlMediaGroup, {
+                node: _this3.node,
+                getPos: getPos,
+                view: _this3.view,
+                forwardRef: forwardRef,
+                disabled: (editorDisabledPlugin || {}).editorDisabled,
+                allowLazyLoading: mediaOptions.allowLazyLoading,
+                mediaProvider: newMediaProvider,
+                contextIdentifierProvider: contextIdentifierProvider,
+                isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled,
+                anchorPos: _this3.view.state.selection.$anchor.pos,
+                headPos: _this3.view.state.selection.$head.pos,
+                mediaOptions: mediaOptions,
+                editorViewMode: (editorViewModePlugin === null || editorViewModePlugin === void 0 ? void 0 : editorViewModePlugin.mode) === 'view'
+              });
+            }
             if (!mediaProvider) {
               return null;
             }

package/dist/cjs/nodeviews/mediaInline.js

@@ -24,13 +24,17 @@ var _selectionBasedNodeView = require("@atlaskit/editor-common/selection-based-n
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaUi = require("@atlaskit/media-ui");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _MediaViewerContainer = require("../ui/MediaViewer/MediaViewerContainer");
 var _isType = require("../utils/is-type");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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) { (0, _defineProperty2.default)(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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+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) { (0, _defineProperty2.default)(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; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var createMediaNodeUpdater = exports.createMediaNodeUpdater = function createMediaNodeUpdater(props) {
   var node = props.node;
   return new _mediaNodeUpdater.MediaNodeUpdater(_objectSpread(_objectSpread({}, props), {}, {
@@ -224,7 +228,26 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['editorViewMode', 'media']),
     editorViewModeState = _useSharedPluginState.editorViewModeState,
     mediaState = _useSharedPluginState.mediaState;
-  if (!mediaState) {
+  var newMediaProvider = (0, _react.useMemo)(function () {
+    return mediaState !== null && mediaState !== void 0 && mediaState.mediaProvider ? Promise.resolve(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider) : undefined;
+  }, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
+  if ((0, _platformFeatureFlags.fg)('platform_editor_media_provider_from_plugin_config')) {
+    if (!mediaState || !newMediaProvider) {
+      return null;
+    }
+    return (0, _react2.jsx)(MediaInline, {
+      identifier: identifier,
+      mediaProvider: newMediaProvider,
+      mediaPluginState: mediaState,
+      node: node,
+      isSelected: isSelected,
+      view: view,
+      getPos: getPos,
+      contextIdentifierProvider: contextIdentifierProvider,
+      editorViewMode: (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view'
+    });
+  }
+  if (!mediaState || !mediaProvider) {
     return null;
   }
   return (0, _react2.jsx)(MediaInline, {
@@ -274,13 +297,16 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
         api = props.api;
       var view = this.view;
       var getPos = this.getPos;
-      return (0, _react2.jsx)(_providerFactory.WithProviders, {
+      return (0, _react2.jsx)(_providerFactory.WithProviders
+      // Cleanup: `platform_editor_media_provider_from_plugin_config`
+      // Remove `mediaProvider`
+      , {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref4) {
           var mediaProvider = _ref4.mediaProvider,
             contextIdentifierProvider = _ref4.contextIdentifierProvider;
-          if (!mediaProvider) {
+          if (!mediaProvider && !(0, _platformFeatureFlags.fg)('platform_editor_media_provider_from_plugin_config')) {
             return null;
           }
           return (0, _react2.jsx)(MediaInlineSharedState, {

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

@@ -20,6 +20,7 @@ var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _selectionBasedNodeView = require("@atlaskit/editor-common/selection-based-node-view");
 var _mediaClient = require("@atlaskit/media-client");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _helpers = require("../../commands/helpers");
 var _mediaCommon = require("../../utils/media-common");
 var _media = _interopRequireDefault(require("./media"));
@@ -31,10 +32,12 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var MediaNodeWithProviders = function MediaNodeWithProviders(_ref) {
   var pluginInjectionApi = _ref.pluginInjectionApi,
     innerComponent = _ref.innerComponent;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width', 'media']),
+    widthState = _useSharedPluginState.widthState,
+    mediaState = _useSharedPluginState.mediaState;
   return innerComponent({
-    width: widthState
+    width: widthState,
+    newMediaProvider: mediaState !== null && mediaState !== void 0 && mediaState.mediaProvider ? Promise.resolve(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider) : undefined
   });
 };
 function isMediaDecorationSpec(decoration) {
@@ -69,7 +72,8 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaNodeWithState", function (mediaProvider, contextIdentifierProvider) {
       return function (_ref2) {
-        var editorWidth = _ref2.width;
+        var editorWidth = _ref2.width,
+          newMediaProvider = _ref2.newMediaProvider;
         var getPos = _this.getPos;
         var mediaOptions = _this.reactComponentProps.mediaOptions;
         var attrs = _this.getAttrs();
@@ -105,7 +109,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
           originalDimensions: originalDimensions,
           maxDimensions: maxDimensions,
           url: url,
-          mediaProvider: mediaProvider,
+          mediaProvider: (0, _platformFeatureFlags.fg)('platform_editor_media_provider_from_plugin_config') ? newMediaProvider : mediaProvider,
           contextIdentifierProvider: contextIdentifierProvider,
           mediaOptions: mediaOptions,
           onExternalImageLoaded: _this.onExternalImageLoaded
@@ -177,7 +181,10 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     key: "render",
     value: function render() {
       var providerFactory = this.reactComponentProps.providerFactory;
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
+      // Cleanup: `platform_editor_media_provider_from_plugin_config`
+      // Remove `mediaProvider`
+      , {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: this.renderMediaNodeWithProviders

package/dist/cjs/nodeviews/mediaSingle.js

@@ -45,7 +45,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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) { (0, _defineProperty2.default)(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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var figureWrapperStyles = (0, _react2.css)({
   margin: 0
 });
@@ -506,12 +509,15 @@ var MediaSingleNodeWrapper = function MediaSingleNodeWrapper(_ref6) {
     annotationState = _useSharedPluginState.annotationState,
     editorDisabledState = _useSharedPluginState.editorDisabledState,
     editorViewModeState = _useSharedPluginState.editorViewModeState;
+  var newMediaProvider = (0, _react.useMemo)(function () {
+    return mediaState !== null && mediaState !== void 0 && mediaState.mediaProvider ? Promise.resolve(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider) : undefined;
+  }, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
   return (0, _react2.jsx)(MediaSingleNode, {
     width: widthState.width,
     lineLength: widthState.lineLength,
     node: node,
     getPos: getPos,
-    mediaProvider: mediaProvider,
+    mediaProvider: (0, _platformFeatureFlags.fg)('platform_editor_media_provider_from_plugin_config') ? newMediaProvider : mediaProvider,
     contextIdentifierProvider: contextIdentifierProvider,
     mediaOptions: mediaOptions,
     view: view,
@@ -652,7 +658,10 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
 
       // 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)(_providerFactory.WithProviders
+      // Cleanup: `platform_editor_media_provider_from_plugin_config`
+      // Remove `mediaProvider`
+      , {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref7) {

package/dist/cjs/nodeviews/styles.js

@@ -8,7 +8,10 @@ exports.MediaSingleNodeSelector = exports.MediaCardWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/plugin.js

@@ -68,16 +68,25 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
       insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod) {
         var _api$analytics;
         return (0, _mediaSingle2.insertMediaAsMediaSingle)(view, node, inputMethod, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+      },
+      setProvider: function setProvider(provider) {
+        var _api$core$actions$exe;
+        return (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
+          return tr.setMeta(_main.stateKey, {
+            mediaProvider: provider
+          });
+        })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false;
       }
     },
     nodes: function nodes() {
-      var _ref3 = options || {},
-        _ref3$allowMediaGroup = _ref3.allowMediaGroup,
-        allowMediaGroup = _ref3$allowMediaGroup === void 0 ? true : _ref3$allowMediaGroup,
-        _ref3$allowMediaSingl = _ref3.allowMediaSingle,
-        allowMediaSingle = _ref3$allowMediaSingl === void 0 ? false : _ref3$allowMediaSingl,
-        allowCaptions = _ref3.allowCaptions,
-        mediaFeatureFlags = _ref3.featureFlags;
+      var _ref4 = options || {},
+        _ref4$allowMediaGroup = _ref4.allowMediaGroup,
+        allowMediaGroup = _ref4$allowMediaGroup === void 0 ? true : _ref4$allowMediaGroup,
+        _ref4$allowMediaSingl = _ref4.allowMediaSingle,
+        allowMediaSingle = _ref4$allowMediaSingl === void 0 ? false : _ref4$allowMediaSingl,
+        allowCaptions = _ref4.allowCaptions,
+        mediaFeatureFlags = _ref4.featureFlags;
       var allowMediaInline = (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', mediaFeatureFlags);
       var mediaSingleOption = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? {
         withCaption: allowCaptions,
@@ -115,16 +124,16 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
     pmPlugins: function pmPlugins() {
       var pmPlugins = [{
         name: 'media',
-        plugin: function plugin(_ref4) {
-          var schema = _ref4.schema,
-            dispatch = _ref4.dispatch,
-            getIntl = _ref4.getIntl,
-            eventDispatcher = _ref4.eventDispatcher,
-            providerFactory = _ref4.providerFactory,
-            errorReporter = _ref4.errorReporter,
-            portalProviderAPI = _ref4.portalProviderAPI,
-            reactContext = _ref4.reactContext,
-            dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref5) {
+          var schema = _ref5.schema,
+            dispatch = _ref5.dispatch,
+            getIntl = _ref5.getIntl,
+            eventDispatcher = _ref5.eventDispatcher,
+            providerFactory = _ref5.providerFactory,
+            errorReporter = _ref5.errorReporter,
+            portalProviderAPI = _ref5.portalProviderAPI,
+            reactContext = _ref5.reactContext,
+            dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent;
           return (0, _main.createPlugin)(schema, {
             providerFactory: providerFactory,
             nodeViews: {
@@ -143,17 +152,17 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
         }
       }, {
         name: 'mediaKeymap',
-        plugin: function plugin(_ref5) {
+        plugin: function plugin(_ref6) {
           var _api$analytics2, _api$selection;
-          var getIntl = _ref5.getIntl;
+          var getIntl = _ref6.getIntl;
           return (0, _keymap2.default)(options, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
         }
       }];
       if (options && options.allowMediaSingle) {
         pmPlugins.push({
           name: 'mediaSingleKeymap',
-          plugin: function plugin(_ref6) {
-            var schema = _ref6.schema;
+          plugin: function plugin(_ref7) {
+            var schema = _ref7.schema;
             return (0, _keymapMediaSingle.default)(schema);
           }
         });
@@ -165,9 +174,9 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
         });
         pmPlugins.push({
           name: 'mediaAltTextKeymap',
-          plugin: function plugin(_ref7) {
+          plugin: function plugin(_ref8) {
             var _api$analytics3;
-            var schema = _ref7.schema;
+            var schema = _ref8.schema;
             return (0, _keymap.default)(schema, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions);
           }
         });
@@ -175,15 +184,15 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
       if (options && options.allowLinking) {
         pmPlugins.push({
           name: 'mediaLinking',
-          plugin: function plugin(_ref8) {
-            var dispatch = _ref8.dispatch;
+          plugin: function plugin(_ref9) {
+            var dispatch = _ref9.dispatch;
             return (0, _linking.default)(dispatch);
           }
         });
         pmPlugins.push({
           name: 'mediaLinkingKeymap',
-          plugin: function plugin(_ref9) {
-            var schema = _ref9.schema;
+          plugin: function plugin(_ref10) {
+            var schema = _ref10.schema;
             return (0, _keymap3.default)(schema);
           }
         });
@@ -219,19 +228,19 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
       });
       return pmPlugins;
     },
-    contentComponent: function contentComponent(_ref10) {
-      var editorView = _ref10.editorView,
-        appearance = _ref10.appearance;
+    contentComponent: function contentComponent(_ref11) {
+      var editorView = _ref11.editorView,
+        appearance = _ref11.appearance;
       return /*#__PURE__*/_react.default.createElement(MediaPickerFunctionalComponent, {
         editorDomElement: editorView.dom,
         appearance: appearance,
         api: api
       });
     },
-    secondaryToolbarComponent: function secondaryToolbarComponent(_ref11) {
-      var editorView = _ref11.editorView,
-        eventDispatcher = _ref11.eventDispatcher,
-        disabled = _ref11.disabled;
+    secondaryToolbarComponent: function secondaryToolbarComponent(_ref12) {
+      var editorView = _ref12.editorView,
+        eventDispatcher = _ref12.eventDispatcher,
+        disabled = _ref12.disabled;
       return /*#__PURE__*/_react.default.createElement(_ToolbarMedia.default, {
         isDisabled: disabled,
         isReducedSpacing: true,
@@ -239,8 +248,8 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
       });
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref12) {
-        var formatMessage = _ref12.formatMessage;
+      quickInsert: function quickInsert(_ref13) {
+        var formatMessage = _ref13.formatMessage;
         return [{
           id: 'media',
           title: formatMessage(_messages.toolbarInsertBlockMessages.mediaFiles),

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

@@ -26,7 +26,10 @@ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-ci
 var _colors = require("@atlaskit/theme/colors");
 var _commands = require("../commands");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var CONTAINER_WIDTH_IN_PX = exports.CONTAINER_WIDTH_IN_PX = _ui.RECENT_SEARCH_WIDTH_IN_PX;
 var MAX_ALT_TEXT_LENGTH = exports.MAX_ALT_TEXT_LENGTH = 510; // double tweet length
 

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

@@ -500,8 +500,10 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
     this.waitForMediaUpload = options.waitForMediaUpload === undefined ? true : options.waitForMediaUpload;
     var nodes = _state.schema.nodes;
     (0, _assert.default)(nodes.media && (nodes.mediaGroup || nodes.mediaSingle), 'Editor: unable to init media plugin - media or mediaGroup/mediaSingle node absent in schema');
-    if (mediaOptions !== null && mediaOptions !== void 0 && mediaOptions.provider && (0, _platformFeatureFlags.fg)('platform_editor_media_provider_from_plugin_config')) {
-      this.setMediaProvider(mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.provider);
+    if ((0, _platformFeatureFlags.fg)('platform_editor_media_provider_from_plugin_config')) {
+      if (mediaOptions !== null && mediaOptions !== void 0 && mediaOptions.provider) {
+        this.setMediaProvider(mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.provider);
+      }
     } else {
       options.providerFactory.subscribe('mediaProvider', function (_name, provider) {
         return _this.setMediaProvider(provider);
@@ -729,8 +731,10 @@ var createPlugin = exports.createPlugin = function createPlugin(_schema, options
         return new MediaPluginStateImplementation(state, options, mediaOptions, newInsertionBehaviour, dispatch, pluginInjectionApi);
       },
       apply: function apply(tr, pluginState) {
+        var _tr$getMeta;
         var isResizing = tr.getMeta(MEDIA_PLUGIN_IS_RESIZING_KEY);
         var resizingWidth = tr.getMeta(MEDIA_PLUGIN_RESIZING_WIDTH_KEY);
+        var mediaProvider = (_tr$getMeta = tr.getMeta(_pluginKey.stateKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.mediaProvider;
         // Yes, I agree with you; this approach, using the clone() fuction, below is horrifying.
         // However, we needed to implement this workaround to solve the singleton Media PluginState.
         // The entire PluginInjectionAPI relies on the following axiom: "A PluginState that reflects a new EditorState.". We can not have the mutable singleton instance for all EditorState.
@@ -740,6 +744,9 @@ var createPlugin = exports.createPlugin = function createPlugin(_schema, options
           pluginState.setIsResizing(isResizing);
           nextPluginState = nextPluginState.clone();
         }
+        if (mediaProvider && (0, _platformFeatureFlags.fg)('platform_editor_media_provider_from_plugin_config')) {
+          pluginState.setMediaProvider(mediaProvider);
+        }
         if (resizingWidth) {
           pluginState.setResizingWidth(resizingWidth);
           nextPluginState = nextPluginState.clone();

package/dist/cjs/toolbar/layout-group.js

@@ -8,7 +8,10 @@ var _react = require("@emotion/react");
 var _button = require("@atlaskit/button");
 var _ui = require("@atlaskit/editor-common/ui");
 var _primitives = require("@atlaskit/primitives");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var containerStyles = (0, _primitives.xcss)({

package/dist/cjs/toolbar/linking-toolbar-appearance.js

@@ -20,7 +20,10 @@ var _checkMediaType = require("../utils/check-media-type");
 var _currentMediaNode = require("../utils/current-media-node");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -13,7 +13,10 @@ var _media = require("@atlaskit/editor-common/media");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: ", ";\n\twidth: 100%;\n\ttext-align: center;\n\tmargin-top: ", " !important;\n\tdisplay: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");

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

@@ -19,7 +19,10 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _styles2 = require("./styles");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -13,7 +13,10 @@ var _documentFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/docum
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _media2 = require("../../nodeviews/mediaNodeView/media");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var iconWrapperStyles = (0, _react.css)({

package/dist/cjs/ui/MediaLinkingToolbar.js

@@ -27,7 +27,10 @@ var _colors = require("@atlaskit/theme/colors");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // Common Translations will live here
 var validationWrapper = (0, _react2.css)({
   lineHeight: 0,