@atlaskit/editor-plugin-media 1.24.4 → 1.25.0

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { Fragment, useEffect, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useCallback, useEffect, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';

package/dist/es2019/ui/MediaLinkingToolbar.js

@@ -1,5 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/ui/MediaPicker/PickerFacadeProvider.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { flushSync } from 'react-dom';
 import { ErrorReporter } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -11,9 +11,67 @@ const dummyMediaPickerObject = {
   destroy: () => {},
   setUploadParams: () => {}
 };
+function PickerFacadeProviderNew({
+  mediaState,
+  analyticsName,
+  children
+}) {
+  const [state, setState] = useState({
+    pickerFacadeInstance: undefined,
+    config: undefined,
+    mediaClientConfig: undefined
+  });
+  const mediaProvider = useMemo(() => mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
+  const handleMediaProvider = useCallback(async (_name, provider) => {
+    const mediaProvider = await provider;
+    if (!mediaProvider || !mediaProvider.uploadParams) {
+      return;
+    }
+    const resolvedMediaClientConfig = (await mediaProvider.uploadMediaClientConfig) || (await mediaProvider.viewMediaClientConfig);
+    if (!resolvedMediaClientConfig) {
+      return;
+    }
+    const pickerFacadeConfig = {
+      mediaClientConfig: resolvedMediaClientConfig,
+      errorReporter: mediaState.options.errorReporter || new ErrorReporter(),
+      featureFlags: mediaState.mediaOptions && mediaState.mediaOptions.featureFlags
+    };
+    const pickerFacadeInstance = await new PickerFacade('customMediaPicker', pickerFacadeConfig, dummyMediaPickerObject, analyticsName).init();
+    pickerFacadeInstance.onNewMedia(mediaState.insertFile);
+    pickerFacadeInstance.setUploadParams(mediaProvider.uploadParams);
+    const config = {
+      uploadParams: mediaProvider.uploadParams
+    };
+    flushSync(() => {
+      setState({
+        pickerFacadeInstance,
+        config,
+        mediaClientConfig: resolvedMediaClientConfig
+      });
+    });
+  }, [analyticsName, mediaState.insertFile, mediaState.mediaOptions, mediaState.options.errorReporter]);
+  useEffect(() => {
+    if (mediaProvider) {
+      handleMediaProvider('mediaProvider', Promise.resolve(mediaProvider));
+    }
+  }, [mediaProvider, handleMediaProvider]);
+  const {
+    mediaClientConfig,
+    config,
+    pickerFacadeInstance
+  } = state;
+  if (!mediaClientConfig || !config || !pickerFacadeInstance) {
+    return null;
+  }
+  return children({
+    mediaClientConfig,
+    config,
+    pickerFacadeInstance
+  });
+}
 
-//eslint-disable-next-line @repo/internal/react/no-class-components
-export default class PickerFacadeProvider extends React.Component {
+// eslint-disable-next-line @repo/internal/react/no-class-components
+class PickerFacadeProviderOld extends React.Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {});
@@ -91,4 +149,7 @@ export default class PickerFacadeProvider extends React.Component {
       pickerFacadeInstance
     });
   }
+}
+export default function PickerFacadeProvider(props) {
+  return fg('platform_editor_media_provider_from_plugin_config') ? /*#__PURE__*/React.createElement(PickerFacadeProviderNew, props) : /*#__PURE__*/React.createElement(PickerFacadeProviderOld, props);
 }

package/dist/es2019/ui/MediaViewer/MediaViewerContainer.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { Fragment, useEffect, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

package/dist/es2019/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { resizableMediaMigrationNotificationStyle } from './styles';

package/dist/es2019/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -1,5 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,6 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/hooks/useMediaProvider.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+export var useMediaProvider = function useMediaProvider(pluginInjectionApi) {
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['media']),
+    mediaState = _useSharedPluginState.mediaState;
+  var provider = 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/esm/nodeviews/mediaGroup.js

@@ -21,6 +21,8 @@ import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlas
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { Filmstrip } from '@atlaskit/media-filmstrip';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useMediaProvider } from '../hooks/useMediaProvider';
 import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 var isMediaGroupSelectedFromProps = function isMediaGroupSelectedFromProps(props) {
@@ -303,9 +305,11 @@ function MediaGroupNodeViewInternal(_ref3) {
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['editorDisabled', 'editorViewMode']),
     editorDisabledPlugin = _useSharedPluginState.editorDisabledState,
     editorViewModePlugin = _useSharedPluginState.editorViewModeState;
+  var mediaProvider = useMediaProvider(pluginInjectionApi);
   return renderFn({
     editorDisabledPlugin: editorDisabledPlugin,
-    editorViewModePlugin: editorViewModePlugin
+    editorViewModePlugin: editorViewModePlugin,
+    mediaProvider: mediaProvider
   });
 }
 var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
@@ -323,7 +327,10 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
         mediaOptions = props.mediaOptions,
         pluginInjectionApi = props.pluginInjectionApi;
       var getPos = this.getPos;
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders
+      // Cleanup: `platform_editor_media_provider_from_plugin_config`
+      // Remove `mediaProvider`
+      , {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref4) {
@@ -331,7 +338,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 (fg('platform_editor_media_provider_from_plugin_config')) {
+              var newMediaProvider = mediaProviderFromState ? Promise.resolve(mediaProviderFromState) : undefined;
+              if (!newMediaProvider) {
+                return null;
+              }
+              return /*#__PURE__*/React.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/esm/nodeviews/mediaInline.js

@@ -12,8 +12,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
-import { useEffect, useState } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { useEffect, useMemo, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
@@ -24,6 +27,7 @@ import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-
 import { MediaInlineCard } from '@atlaskit/media-card';
 import { getMediaClient } from '@atlaskit/media-client-react';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaViewerContainer } from '../ui/MediaViewer/MediaViewerContainer';
 import { isImage } from '../utils/is-type';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
@@ -220,7 +224,26 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
   var _useSharedPluginState = useSharedPluginState(api, ['editorViewMode', 'media']),
     editorViewModeState = _useSharedPluginState.editorViewModeState,
     mediaState = _useSharedPluginState.mediaState;
-  if (!mediaState) {
+  var newMediaProvider = 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 (fg('platform_editor_media_provider_from_plugin_config')) {
+    if (!mediaState || !newMediaProvider) {
+      return null;
+    }
+    return 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 jsx(MediaInline, {
@@ -270,13 +293,16 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         api = props.api;
       var view = this.view;
       var getPos = this.getPos;
-      return jsx(WithProviders, {
+      return jsx(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 && !fg('platform_editor_media_provider_from_plugin_config')) {
             return null;
           }
           return jsx(MediaInlineSharedState, {

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

@@ -18,16 +18,19 @@ import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-comm
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import { getAttrsFromUrl } from '@atlaskit/media-client';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { updateCurrentMediaNodeAttrs } from '../../commands/helpers';
 import { isMediaBlobUrlFromAttrs } from '../../utils/media-common';
 import MediaNode from './media';
 var MediaNodeWithProviders = function MediaNodeWithProviders(_ref) {
   var pluginInjectionApi = _ref.pluginInjectionApi,
     innerComponent = _ref.innerComponent;
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
+  var _useSharedPluginState = 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) {
@@ -62,7 +65,8 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     });
     _defineProperty(_assertThisInitialized(_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();
@@ -98,7 +102,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
           originalDimensions: originalDimensions,
           maxDimensions: maxDimensions,
           url: url,
-          mediaProvider: mediaProvider,
+          mediaProvider: fg('platform_editor_media_provider_from_plugin_config') ? newMediaProvider : mediaProvider,
           contextIdentifierProvider: contextIdentifierProvider,
           mediaOptions: mediaOptions,
           onExternalImageLoaded: _this.onExternalImageLoaded
@@ -170,7 +174,10 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     key: "render",
     value: function render() {
       var providerFactory = this.reactComponentProps.providerFactory;
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders
+      // Cleanup: `platform_editor_media_provider_from_plugin_config`
+      // Remove `mediaProvider`
+      , {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: this.renderMediaNodeWithProviders

package/dist/esm/nodeviews/mediaSingle.js

@@ -13,9 +13,12 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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 */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
-import React, { Component, Fragment } from 'react';
+import React, { Component, Fragment, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -501,12 +504,15 @@ var MediaSingleNodeWrapper = function MediaSingleNodeWrapper(_ref6) {
     annotationState = _useSharedPluginState.annotationState,
     editorDisabledState = _useSharedPluginState.editorDisabledState,
     editorViewModeState = _useSharedPluginState.editorViewModeState;
+  var newMediaProvider = 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 jsx(MediaSingleNode, {
     width: widthState.width,
     lineLength: widthState.lineLength,
     node: node,
     getPos: getPos,
-    mediaProvider: mediaProvider,
+    mediaProvider: fg('platform_editor_media_provider_from_plugin_config') ? newMediaProvider : mediaProvider,
     contextIdentifierProvider: contextIdentifierProvider,
     mediaOptions: mediaOptions,
     view: view,
@@ -647,7 +653,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 jsx(WithProviders, {
+      return jsx(WithProviders
+      // Cleanup: `platform_editor_media_provider_from_plugin_config`
+      // Remove `mediaProvider`
+      , {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref7) {

package/dist/esm/nodeviews/styles.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/plugin.js

@@ -57,16 +57,25 @@ export var mediaPlugin = function mediaPlugin(_ref2) {
       insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod) {
         var _api$analytics;
         return _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(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 = getMediaFeatureFlag('mediaInline', mediaFeatureFlags);
       var mediaSingleOption = getBooleanFF('platform.editor.media.extended-resize-experience') ? {
         withCaption: allowCaptions,
@@ -104,16 +113,16 @@ export var 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 createPlugin(schema, {
             providerFactory: providerFactory,
             nodeViews: {
@@ -132,17 +141,17 @@ export var 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 keymapPlugin(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 keymapMediaSinglePlugin(schema);
           }
         });
@@ -154,9 +163,9 @@ export var 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 keymapMediaAltTextPlugin(schema, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions);
           }
         });
@@ -164,15 +173,15 @@ export var 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 linkingPlugin(dispatch);
           }
         });
         pmPlugins.push({
           name: 'mediaLinkingKeymap',
-          plugin: function plugin(_ref9) {
-            var schema = _ref9.schema;
+          plugin: function plugin(_ref10) {
+            var schema = _ref10.schema;
             return keymapLinkingPlugin(schema);
           }
         });
@@ -208,19 +217,19 @@ export var 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.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.createElement(ToolbarMedia, {
         isDisabled: disabled,
         isReducedSpacing: true,
@@ -228,8 +237,8 @@ export var 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.mediaFiles),

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

@@ -7,7 +7,10 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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 */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 import React from 'react';
 

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

@@ -485,8 +485,10 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     this.waitForMediaUpload = options.waitForMediaUpload === undefined ? true : options.waitForMediaUpload;
     var nodes = _state.schema.nodes;
     assert(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 && fg('platform_editor_media_provider_from_plugin_config')) {
-      this.setMediaProvider(mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.provider);
+    if (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);
@@ -714,8 +716,10 @@ export var createPlugin = function createPlugin(_schema, options, reactContext,
         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(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.
@@ -725,6 +729,9 @@ export var createPlugin = function createPlugin(_schema, options, reactContext,
           pluginState.setIsResizing(isResizing);
           nextPluginState = nextPluginState.clone();
         }
+        if (mediaProvider && fg('platform_editor_media_provider_from_plugin_config')) {
+          pluginState.setMediaProvider(mediaProvider);
+        }
         if (resizingWidth) {
           pluginState.setResizingWidth(resizingWidth);
           nextPluginState = nextPluginState.clone();