@atlaskit/editor-plugin-media-insert 6.2.5 → 6.3.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-media-insert
 
+## 6.3.1
+
+### Patch Changes
+
+- [#146359](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/146359)
+  [`cb179949b078a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb179949b078a) -
+  Migrate media to use useSharedPluginStateSelector
+- Updated dependencies
+
+## 6.3.0
+
+### Minor Changes
+
+- [#143009](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/143009)
+  [`8ddfe6d95ad26`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8ddfe6d95ad26) -
+  [UX-3339] Adds a configuration for media insert to only allow for external links.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.2.5
 
 ### Patch Changes

package/dist/cjs/mediaInsertPlugin.js

@@ -14,7 +14,8 @@ var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _MediaInsertPicker = require("./ui/MediaInsertPicker");
 var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_ref) {
-  var api = _ref.api;
+  var api = _ref.api,
+    config = _ref.config;
   return {
     name: 'mediaInsert',
     pmPlugins: function pmPlugins() {
@@ -116,7 +117,8 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
         },
         insertMediaSingle: insertMediaSingle,
         insertExternalMediaSingle: insertExternalMediaSingle,
-        insertFile: insertFile
+        insertFile: insertFile,
+        isOnlyExternalLinks: config === null || config === void 0 ? void 0 : config.isOnlyExternalLinks
       });
     },
     pluginsOptions: {

package/dist/cjs/ui/MediaFromURL.js

@@ -97,7 +97,8 @@ function MediaFromURL(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     closeMediaInsertPicker = _ref.closeMediaInsertPicker,
     insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
+    isOnlyExternalLinks = _ref.isOnlyExternalLinks;
   var intl = (0, _reactIntlNext.useIntl)();
   var strings = {
     loadPreview: intl.formatMessage(_messages.mediaInsertMessages.loadPreview),
@@ -112,6 +113,10 @@ function MediaFromURL(_ref) {
     _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
     previewState = _React$useReducer2[0],
     dispatch = _React$useReducer2[1];
+  var _React$useState = _react.default.useState(''),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
   var pasteFlag = _react.default.useRef(false);
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(dispatchAnalyticsEvent),
     onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
@@ -201,14 +206,17 @@ function MediaFromURL(_ref) {
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   var _onPaste = _react.default.useCallback(function (e, inputUrl) {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -230,7 +238,7 @@ function MediaFromURL(_ref) {
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   var onExternalInsert = _react.default.useCallback(function (url) {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url: url,
         alt: '',
@@ -238,7 +246,7 @@ function MediaFromURL(_ref) {
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   var onInputKeyPress = _react.default.useCallback(function (event) {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -280,7 +288,7 @@ function MediaFromURL(_ref) {
       if (previewState.previewInfo) {
         return onInsert();
       }
-      if (previewState.warning) {
+      if (previewState.warning || isOnlyExternalLinks) {
         return onExternalInsert(inputUrl);
       }
       return uploadExternalMedia(inputUrl);
@@ -336,7 +344,7 @@ function MediaFromURL(_ref) {
           }
         })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
           as: "span"
-        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
           xcss: PreviewBoxStyles,
           alignItems: "center",
           justifyContent: "center"
@@ -372,7 +380,7 @@ function MediaFromURL(_ref) {
       }, strings.cancel), /*#__PURE__*/_react.default.createElement(_new.default, {
         type: "button",
         appearance: "primary",
-        isDisabled: !previewState.previewInfo && !previewState.warning,
+        isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning,
         onClick: function onClick() {
           return formProps.onSubmit();
         }

package/dist/cjs/ui/MediaFromURLWithForm.js

@@ -97,7 +97,8 @@ function MediaFromURLWithForm(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     closeMediaInsertPicker = _ref.closeMediaInsertPicker,
     insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
+    isOnlyExternalLinks = _ref.isOnlyExternalLinks;
   var intl = (0, _reactIntlNext.useIntl)();
   var strings = {
     loadPreview: intl.formatMessage(_messages.mediaInsertMessages.loadPreview),
@@ -112,6 +113,10 @@ function MediaFromURLWithForm(_ref) {
     _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
     previewState = _React$useReducer2[0],
     dispatch = _React$useReducer2[1];
+  var _React$useState = _react.default.useState(''),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
   var pasteFlag = _react.default.useRef(false);
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(dispatchAnalyticsEvent),
     onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
@@ -201,14 +206,17 @@ function MediaFromURLWithForm(_ref) {
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   var _onPaste = _react.default.useCallback(function (e, inputUrl) {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -230,7 +238,7 @@ function MediaFromURLWithForm(_ref) {
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   var onExternalInsert = _react.default.useCallback(function (url) {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url: url,
         alt: '',
@@ -238,7 +246,7 @@ function MediaFromURLWithForm(_ref) {
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   var onInputKeyPress = _react.default.useCallback(function (event) {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -332,7 +340,7 @@ function MediaFromURLWithForm(_ref) {
           }
         })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
           as: "span"
-        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
           xcss: PreviewBoxStyles,
           alignItems: "center",
           justifyContent: "center"
@@ -365,7 +373,7 @@ function MediaFromURLWithForm(_ref) {
       }, strings.cancel), /*#__PURE__*/_react.default.createElement(_new.default, {
         type: "submit",
         appearance: "primary",
-        isDisabled: !previewState.previewInfo && !previewState.warning
+        isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning
       }, strings.insert)))))
     );
   });

package/dist/cjs/ui/MediaInsertPicker.js

@@ -14,10 +14,12 @@ var _getDomRefFromSelection = require("@atlaskit/editor-common/get-dom-ref-from-
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
+var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _useFocusEditor = require("./hooks/use-focus-editor");
 var _useUnholyAutofocus2 = require("./hooks/use-unholy-autofocus");
 var _LocalMedia = require("./LocalMedia");
@@ -56,10 +58,29 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
     _closeMediaInsertPicker = _ref2.closeMediaInsertPicker,
     insertMediaSingle = _ref2.insertMediaSingle,
     insertExternalMediaSingle = _ref2.insertExternalMediaSingle,
-    insertFile = _ref2.insertFile;
-  var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['mediaInsert'])) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
-    isOpen = _ref3.isOpen,
-    mountInfo = _ref3.mountInfo;
+    insertFile = _ref2.insertFile,
+    _ref2$isOnlyExternalL = _ref2.isOnlyExternalLinks,
+    isOnlyExternalLinks = _ref2$isOnlyExternalL === void 0 ? false : _ref2$isOnlyExternalL;
+  var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['mediaInsert'], {
+      disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true)
+    })) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
+    oldIsOpen = _ref3.isOpen,
+    oldMountInfo = _ref3.mountInfo;
+  var oldMediaProvider = (_useSharedPluginState3 = (0, _hooks.useSharedPluginState)(api, ['media'], {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true)
+  })) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
+  var isOpenSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mediaInsert.isOpen', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var mountInfoSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mediaInsert.mountInfo', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var mediaProviderSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.mediaProvider', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isOpen = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? isOpenSelector : oldIsOpen;
+  var mountInfo = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? mountInfoSelector : oldMountInfo;
+  var mediaProvider = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? mediaProviderSelector : oldMediaProvider;
   var targetRef;
   var mountPoint;
   if (mountInfo) {
@@ -71,7 +92,6 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
     targetRef = (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView, _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
     mountPoint = popupsMountPoint;
   }
-  var mediaProvider = (_useSharedPluginState3 = (0, _hooks.useSharedPluginState)(api, ['media'])) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
   var intl = (0, _reactIntlNext.useIntl)();
   var focusEditor = (0, _useFocusEditor.useFocusEditor)({
     editorView: editorView
@@ -123,7 +143,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
       id: "media-insert-tab-navigation"
     }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       paddingBlockEnd: "space.150"
-    }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.fileTabTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.linkTabTitle)))), /*#__PURE__*/_react.default.createElement(CustomTabPanel, null, /*#__PURE__*/_react.default.createElement(_LocalMedia.LocalMedia, {
+    }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.fileTabTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.linkTabTitle)))), !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(CustomTabPanel, null, /*#__PURE__*/_react.default.createElement(_LocalMedia.LocalMedia, {
       ref: autofocusRef,
       mediaProvider: mediaProvider,
       closeMediaInsertPicker: function closeMediaInsertPicker() {
@@ -140,7 +160,8 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
         focusEditor();
       },
       insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle
+      insertExternalMediaSingle: insertExternalMediaSingle,
+      isOnlyExternalLinks: isOnlyExternalLinks
     }) : /*#__PURE__*/_react.default.createElement(_MediaFromURLWithForm.MediaFromURLWithForm, {
       mediaProvider: mediaProvider,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -149,7 +170,8 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
         focusEditor();
       },
       insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle
+      insertExternalMediaSingle: insertExternalMediaSingle,
+      isOnlyExternalLinks: isOnlyExternalLinks
     }))));
   }));
 };

package/dist/es2019/mediaInsertPlugin.js

@@ -7,7 +7,8 @@ import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { MediaInsertPicker } from './ui/MediaInsertPicker';
 export const mediaInsertPlugin = ({
-  api
+  api,
+  config
 }) => {
   return {
     name: 'mediaInsert',
@@ -110,7 +111,8 @@ export const mediaInsertPlugin = ({
         closeMediaInsertPicker: () => editorView.dispatch(closeMediaInsertPicker(editorView.state.tr)),
         insertMediaSingle: insertMediaSingle,
         insertExternalMediaSingle: insertExternalMediaSingle,
-        insertFile: insertFile
+        insertFile: insertFile,
+        isOnlyExternalLinks: config === null || config === void 0 ? void 0 : config.isOnlyExternalLinks
       });
     },
     pluginsOptions: {

package/dist/es2019/ui/MediaFromURL.js

@@ -82,7 +82,8 @@ export function MediaFromURL({
   dispatchAnalyticsEvent,
   closeMediaInsertPicker,
   insertMediaSingle,
-  insertExternalMediaSingle
+  insertExternalMediaSingle,
+  isOnlyExternalLinks
 }) {
   const intl = useIntl();
   const strings = {
@@ -95,6 +96,7 @@ export function MediaFromURL({
     invalidUrl: intl.formatMessage(mediaInsertMessages.invalidUrlErrorMessage)
   };
   const [previewState, dispatch] = React.useReducer(previewStateReducer, INITIAL_PREVIEW_STATE);
+  const [url, setUrl] = React.useState('');
   const pasteFlag = React.useRef(false);
   const {
     onUploadButtonClickedAnalytics,
@@ -166,14 +168,17 @@ export function MediaFromURL({
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   const onPaste = React.useCallback((e, inputUrl) => {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -195,7 +200,7 @@ export function MediaFromURL({
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   const onExternalInsert = React.useCallback(url => {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url,
         alt: '',
@@ -203,7 +208,7 @@ export function MediaFromURL({
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   const onInputKeyPress = React.useCallback(event => {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -246,7 +251,7 @@ export function MediaFromURL({
       if (previewState.previewInfo) {
         return onInsert();
       }
-      if (previewState.warning) {
+      if (previewState.warning || isOnlyExternalLinks) {
         return onExternalInsert(inputUrl);
       }
       return uploadExternalMedia(inputUrl);
@@ -299,7 +304,7 @@ export function MediaFromURL({
     }
   })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
     as: "span"
-  }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
+  }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
     xcss: PreviewBoxStyles,
     alignItems: "center",
     justifyContent: "center"
@@ -330,7 +335,7 @@ export function MediaFromURL({
   }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
     type: "button",
     appearance: "primary",
-    isDisabled: !previewState.previewInfo && !previewState.warning,
+    isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning,
     onClick: () => formProps.onSubmit()
   }, strings.insert))))));
 }

package/dist/es2019/ui/MediaFromURLWithForm.js

@@ -82,7 +82,8 @@ export function MediaFromURLWithForm({
   dispatchAnalyticsEvent,
   closeMediaInsertPicker,
   insertMediaSingle,
-  insertExternalMediaSingle
+  insertExternalMediaSingle,
+  isOnlyExternalLinks
 }) {
   const intl = useIntl();
   const strings = {
@@ -95,6 +96,7 @@ export function MediaFromURLWithForm({
     invalidUrl: intl.formatMessage(mediaInsertMessages.invalidUrlErrorMessage)
   };
   const [previewState, dispatch] = React.useReducer(previewStateReducer, INITIAL_PREVIEW_STATE);
+  const [url, setUrl] = React.useState('');
   const pasteFlag = React.useRef(false);
   const {
     onUploadButtonClickedAnalytics,
@@ -166,14 +168,17 @@ export function MediaFromURLWithForm({
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   const onPaste = React.useCallback((e, inputUrl) => {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -195,7 +200,7 @@ export function MediaFromURLWithForm({
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   const onExternalInsert = React.useCallback(url => {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url,
         alt: '',
@@ -203,7 +208,7 @@ export function MediaFromURLWithForm({
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   const onInputKeyPress = React.useCallback(event => {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -295,7 +300,7 @@ export function MediaFromURLWithForm({
     }
   })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
     as: "span"
-  }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
+  }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
     xcss: PreviewBoxStyles,
     alignItems: "center",
     justifyContent: "center"
@@ -325,6 +330,6 @@ export function MediaFromURLWithForm({
   }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
     type: "submit",
     appearance: "primary",
-    isDisabled: !previewState.previewInfo && !previewState.warning
+    isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning
   }, strings.insert))))));
 }

package/dist/es2019/ui/MediaInsertPicker.js

@@ -6,10 +6,12 @@ import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tabs, { Tab, TabList, useTabPanel } from '@atlaskit/tabs';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { useFocusEditor } from './hooks/use-focus-editor';
 import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
 import { LocalMedia } from './LocalMedia';
@@ -46,13 +48,31 @@ export const MediaInsertPicker = ({
   closeMediaInsertPicker,
   insertMediaSingle,
   insertExternalMediaSingle,
-  insertFile
+  insertFile,
+  isOnlyExternalLinks = false
 }) => {
   var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3, _useSharedPluginState4;
   const {
-    isOpen,
-    mountInfo
-  } = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'])) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {};
+    isOpen: oldIsOpen,
+    mountInfo: oldMountInfo
+  } = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'], {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
+  })) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {};
+  const oldMediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'], {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
+  })) === null || _useSharedPluginState3 === void 0 ? void 0 : (_useSharedPluginState4 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState4 === void 0 ? void 0 : _useSharedPluginState4.mediaProvider;
+  const isOpenSelector = useSharedPluginStateSelector(api, 'mediaInsert.isOpen', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const mountInfoSelector = useSharedPluginStateSelector(api, 'mediaInsert.mountInfo', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const mediaProviderSelector = useSharedPluginStateSelector(api, 'media.mediaProvider', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const isOpen = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? isOpenSelector : oldIsOpen;
+  const mountInfo = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? mountInfoSelector : oldMountInfo;
+  const mediaProvider = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? mediaProviderSelector : oldMediaProvider;
   let targetRef;
   let mountPoint;
   if (mountInfo) {
@@ -64,7 +84,6 @@ export const MediaInsertPicker = ({
     targetRef = getDomRefFromSelection(editorView, ACTION_SUBJECT_ID.PICKER_MEDIA, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
     mountPoint = popupsMountPoint;
   }
-  const mediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'])) === null || _useSharedPluginState3 === void 0 ? void 0 : (_useSharedPluginState4 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState4 === void 0 ? void 0 : _useSharedPluginState4.mediaProvider;
   const intl = useIntl();
   const focusEditor = useFocusEditor({
     editorView
@@ -114,7 +133,7 @@ export const MediaInsertPicker = ({
     id: "media-insert-tab-navigation"
   }, /*#__PURE__*/React.createElement(Box, {
     paddingBlockEnd: "space.150"
-  }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
+  }, /*#__PURE__*/React.createElement(TabList, null, !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), !isOnlyExternalLinks && /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
     ref: autofocusRef,
     mediaProvider: mediaProvider,
     closeMediaInsertPicker: () => {
@@ -131,7 +150,8 @@ export const MediaInsertPicker = ({
       focusEditor();
     },
     insertMediaSingle: insertMediaSingle,
-    insertExternalMediaSingle: insertExternalMediaSingle
+    insertExternalMediaSingle: insertExternalMediaSingle,
+    isOnlyExternalLinks: isOnlyExternalLinks
   }) : /*#__PURE__*/React.createElement(MediaFromURLWithForm, {
     mediaProvider: mediaProvider,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -140,6 +160,7 @@ export const MediaInsertPicker = ({
       focusEditor();
     },
     insertMediaSingle: insertMediaSingle,
-    insertExternalMediaSingle: insertExternalMediaSingle
+    insertExternalMediaSingle: insertExternalMediaSingle,
+    isOnlyExternalLinks: isOnlyExternalLinks
   }))))));
 };

package/dist/esm/mediaInsertPlugin.js

@@ -7,7 +7,8 @@ import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { MediaInsertPicker } from './ui/MediaInsertPicker';
 export var mediaInsertPlugin = function mediaInsertPlugin(_ref) {
-  var api = _ref.api;
+  var api = _ref.api,
+    config = _ref.config;
   return {
     name: 'mediaInsert',
     pmPlugins: function pmPlugins() {
@@ -109,7 +110,8 @@ export var mediaInsertPlugin = function mediaInsertPlugin(_ref) {
         },
         insertMediaSingle: insertMediaSingle,
         insertExternalMediaSingle: insertExternalMediaSingle,
-        insertFile: insertFile
+        insertFile: insertFile,
+        isOnlyExternalLinks: config === null || config === void 0 ? void 0 : config.isOnlyExternalLinks
       });
     },
     pluginsOptions: {

package/dist/esm/ui/MediaFromURL.js

@@ -86,7 +86,8 @@ export function MediaFromURL(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     closeMediaInsertPicker = _ref.closeMediaInsertPicker,
     insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
+    isOnlyExternalLinks = _ref.isOnlyExternalLinks;
   var intl = useIntl();
   var strings = {
     loadPreview: intl.formatMessage(mediaInsertMessages.loadPreview),
@@ -101,6 +102,10 @@ export function MediaFromURL(_ref) {
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
     previewState = _React$useReducer2[0],
     dispatch = _React$useReducer2[1];
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
   var pasteFlag = React.useRef(false);
   var _useAnalyticsEvents = useAnalyticsEvents(dispatchAnalyticsEvent),
     onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
@@ -190,14 +195,17 @@ export function MediaFromURL(_ref) {
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   var _onPaste = React.useCallback(function (e, inputUrl) {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -219,7 +227,7 @@ export function MediaFromURL(_ref) {
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   var onExternalInsert = React.useCallback(function (url) {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url: url,
         alt: '',
@@ -227,7 +235,7 @@ export function MediaFromURL(_ref) {
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   var onInputKeyPress = React.useCallback(function (event) {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -269,7 +277,7 @@ export function MediaFromURL(_ref) {
       if (previewState.previewInfo) {
         return onInsert();
       }
-      if (previewState.warning) {
+      if (previewState.warning || isOnlyExternalLinks) {
         return onExternalInsert(inputUrl);
       }
       return uploadExternalMedia(inputUrl);
@@ -325,7 +333,7 @@ export function MediaFromURL(_ref) {
           }
         })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
           as: "span"
-        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
+        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
           xcss: PreviewBoxStyles,
           alignItems: "center",
           justifyContent: "center"
@@ -361,7 +369,7 @@ export function MediaFromURL(_ref) {
       }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
         type: "button",
         appearance: "primary",
-        isDisabled: !previewState.previewInfo && !previewState.warning,
+        isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning,
         onClick: function onClick() {
           return formProps.onSubmit();
         }

package/dist/esm/ui/MediaFromURLWithForm.js

@@ -86,7 +86,8 @@ export function MediaFromURLWithForm(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     closeMediaInsertPicker = _ref.closeMediaInsertPicker,
     insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
+    isOnlyExternalLinks = _ref.isOnlyExternalLinks;
   var intl = useIntl();
   var strings = {
     loadPreview: intl.formatMessage(mediaInsertMessages.loadPreview),
@@ -101,6 +102,10 @@ export function MediaFromURLWithForm(_ref) {
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
     previewState = _React$useReducer2[0],
     dispatch = _React$useReducer2[1];
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
   var pasteFlag = React.useRef(false);
   var _useAnalyticsEvents = useAnalyticsEvents(dispatchAnalyticsEvent),
     onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
@@ -190,14 +195,17 @@ export function MediaFromURLWithForm(_ref) {
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   var _onPaste = React.useCallback(function (e, inputUrl) {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -219,7 +227,7 @@ export function MediaFromURLWithForm(_ref) {
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   var onExternalInsert = React.useCallback(function (url) {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url: url,
         alt: '',
@@ -227,7 +235,7 @@ export function MediaFromURLWithForm(_ref) {
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   var onInputKeyPress = React.useCallback(function (event) {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -321,7 +329,7 @@ export function MediaFromURLWithForm(_ref) {
           }
         })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
           as: "span"
-        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
+        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
           xcss: PreviewBoxStyles,
           alignItems: "center",
           justifyContent: "center"
@@ -354,7 +362,7 @@ export function MediaFromURLWithForm(_ref) {
       }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
         type: "submit",
         appearance: "primary",
-        isDisabled: !previewState.previewInfo && !previewState.warning
+        isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning
       }, strings.insert)))))
     );
   });

package/dist/esm/ui/MediaInsertPicker.js

@@ -6,10 +6,12 @@ import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tabs, { Tab, TabList, useTabPanel } from '@atlaskit/tabs';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { useFocusEditor } from './hooks/use-focus-editor';
 import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
 import { LocalMedia } from './LocalMedia';
@@ -46,10 +48,29 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
     _closeMediaInsertPicker = _ref2.closeMediaInsertPicker,
     insertMediaSingle = _ref2.insertMediaSingle,
     insertExternalMediaSingle = _ref2.insertExternalMediaSingle,
-    insertFile = _ref2.insertFile;
-  var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'])) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
-    isOpen = _ref3.isOpen,
-    mountInfo = _ref3.mountInfo;
+    insertFile = _ref2.insertFile,
+    _ref2$isOnlyExternalL = _ref2.isOnlyExternalLinks,
+    isOnlyExternalLinks = _ref2$isOnlyExternalL === void 0 ? false : _ref2$isOnlyExternalL;
+  var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'], {
+      disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
+    })) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
+    oldIsOpen = _ref3.isOpen,
+    oldMountInfo = _ref3.mountInfo;
+  var oldMediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'], {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
+  })) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
+  var isOpenSelector = useSharedPluginStateSelector(api, 'mediaInsert.isOpen', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  var mountInfoSelector = useSharedPluginStateSelector(api, 'mediaInsert.mountInfo', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  var mediaProviderSelector = useSharedPluginStateSelector(api, 'media.mediaProvider', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isOpen = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? isOpenSelector : oldIsOpen;
+  var mountInfo = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? mountInfoSelector : oldMountInfo;
+  var mediaProvider = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? mediaProviderSelector : oldMediaProvider;
   var targetRef;
   var mountPoint;
   if (mountInfo) {
@@ -61,7 +82,6 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
     targetRef = getDomRefFromSelection(editorView, ACTION_SUBJECT_ID.PICKER_MEDIA, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
     mountPoint = popupsMountPoint;
   }
-  var mediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'])) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
   var intl = useIntl();
   var focusEditor = useFocusEditor({
     editorView: editorView
@@ -113,7 +133,7 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
       id: "media-insert-tab-navigation"
     }, /*#__PURE__*/React.createElement(Box, {
       paddingBlockEnd: "space.150"
-    }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
+    }, /*#__PURE__*/React.createElement(TabList, null, !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), !isOnlyExternalLinks && /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
       ref: autofocusRef,
       mediaProvider: mediaProvider,
       closeMediaInsertPicker: function closeMediaInsertPicker() {
@@ -130,7 +150,8 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
         focusEditor();
       },
       insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle
+      insertExternalMediaSingle: insertExternalMediaSingle,
+      isOnlyExternalLinks: isOnlyExternalLinks
     }) : /*#__PURE__*/React.createElement(MediaFromURLWithForm, {
       mediaProvider: mediaProvider,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -139,7 +160,8 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
         focusEditor();
       },
       insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle
+      insertExternalMediaSingle: insertExternalMediaSingle,
+      isOnlyExternalLinks: isOnlyExternalLinks
     }))));
   }));
 };

package/dist/types/mediaInsertPluginType.d.ts

@@ -20,8 +20,40 @@ export type MediaInsertPluginCommands = {
         mountPoint: HTMLElement;
     }) => EditorCommand;
 };
+export type MediaInsertPluginConfig = {
+    /**
+     * This will only allow users to insert media using URLs, they cannot insert media using files from their computer.
+     * Files that are inserted with a URL will attempt to be uploaded using `editor-plugin-media`
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     *
+     * To disable trying to upload media from the external URLs we also need to disable this auto upload, in the media plugin:
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, isExternalMediaUploadDisabled: true }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     */
+    isOnlyExternalLinks?: boolean;
+};
 export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     dependencies: MediaInsertPluginDependencies;
     sharedState: MediaInsertPluginState;
     commands: MediaInsertPluginCommands;
+    pluginConfiguration: MediaInsertPluginConfig | undefined;
 }>;

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

@@ -2,7 +2,7 @@ import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import type { Providers } from '@atlaskit/editor-common/provider-factory';
 import type { UiComponentFactoryParams, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type MediaState, type MediaStateEventSubscriber } from '@atlaskit/editor-plugin-media/types';
-import type { MediaInsertPlugin } from '../mediaInsertPluginType';
+import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../mediaInsertPluginType';
 export type InsertMediaSingle = (props: {
     mediaState: MediaState;
     inputMethod: InputMethodInsertMedia;
@@ -24,4 +24,5 @@ export type MediaInsertPickerProps = Pick<UiComponentFactoryParams, 'editorView'
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
     insertFile: InsertFile;
+    isOnlyExternalLinks: MediaInsertPluginConfig['isOnlyExternalLinks'];
 };

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

@@ -9,6 +9,7 @@ type Props = {
     closeMediaInsertPicker: () => void;
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
+    isOnlyExternalLinks: boolean;
 };
-export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): React.JSX.Element;
+export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, }: Props): React.JSX.Element;
 export {};

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

@@ -9,6 +9,7 @@ type Props = {
     closeMediaInsertPicker: () => void;
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
+    isOnlyExternalLinks: boolean;
 };
-export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): React.JSX.Element;
+export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, }: Props): React.JSX.Element;
 export {};

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type MediaInsertPickerProps } from '../types';
-export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, insertFile, }: MediaInsertPickerProps) => React.JSX.Element | null;
+export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, insertFile, isOnlyExternalLinks, }: MediaInsertPickerProps) => React.JSX.Element | null;

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

@@ -20,8 +20,40 @@ export type MediaInsertPluginCommands = {
         mountPoint: HTMLElement;
     }) => EditorCommand;
 };
+export type MediaInsertPluginConfig = {
+    /**
+     * This will only allow users to insert media using URLs, they cannot insert media using files from their computer.
+     * Files that are inserted with a URL will attempt to be uploaded using `editor-plugin-media`
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     *
+     * To disable trying to upload media from the external URLs we also need to disable this auto upload, in the media plugin:
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, isExternalMediaUploadDisabled: true }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     */
+    isOnlyExternalLinks?: boolean;
+};
 export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     dependencies: MediaInsertPluginDependencies;
     sharedState: MediaInsertPluginState;
     commands: MediaInsertPluginCommands;
+    pluginConfiguration: MediaInsertPluginConfig | undefined;
 }>;

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

@@ -2,7 +2,7 @@ import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import type { Providers } from '@atlaskit/editor-common/provider-factory';
 import type { UiComponentFactoryParams, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type MediaState, type MediaStateEventSubscriber } from '@atlaskit/editor-plugin-media/types';
-import type { MediaInsertPlugin } from '../mediaInsertPluginType';
+import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../mediaInsertPluginType';
 export type InsertMediaSingle = (props: {
     mediaState: MediaState;
     inputMethod: InputMethodInsertMedia;
@@ -24,4 +24,5 @@ export type MediaInsertPickerProps = Pick<UiComponentFactoryParams, 'editorView'
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
     insertFile: InsertFile;
+    isOnlyExternalLinks: MediaInsertPluginConfig['isOnlyExternalLinks'];
 };

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

@@ -9,6 +9,7 @@ type Props = {
     closeMediaInsertPicker: () => void;
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
+    isOnlyExternalLinks: boolean;
 };
-export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): React.JSX.Element;
+export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, }: Props): React.JSX.Element;
 export {};

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

@@ -9,6 +9,7 @@ type Props = {
     closeMediaInsertPicker: () => void;
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
+    isOnlyExternalLinks: boolean;
 };
-export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): React.JSX.Element;
+export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, }: Props): React.JSX.Element;
 export {};

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type MediaInsertPickerProps } from '../types';
-export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, insertFile, }: MediaInsertPickerProps) => React.JSX.Element | null;
+export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, insertFile, isOnlyExternalLinks, }: MediaInsertPickerProps) => React.JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media-insert",
-	"version": "6.2.5",
+	"version": "6.3.1",
 	"description": "Media Insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -27,9 +27,9 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/editor-common": "^103.19.0",
+		"@atlaskit/editor-common": "^103.20.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
-		"@atlaskit/editor-plugin-media": "^2.6.0",
+		"@atlaskit/editor-plugin-media": "^2.7.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/form": "^12.0.0",