@atlaskit/editor-plugin-media-insert 9.2.0 → 9.2.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-media-insert
 
+## 9.2.2
+
+### Patch Changes
+
+- [`0a4f34cc9b35c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0a4f34cc9b35c) -
+  Cleanup platform_editor_media_from_url_remove_form
+- Updated dependencies
+
+## 9.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.2.0
 
 ### Minor Changes

package/dist/cjs/ui/MediaInsertPicker.js

@@ -15,14 +15,12 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 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 _useFocusEditor = require("./hooks/use-focus-editor");
 var _useUnholyAutofocus2 = require("./hooks/use-unholy-autofocus");
 var _LocalMedia = require("./LocalMedia");
 var _MediaFromURL = require("./MediaFromURL");
-var _MediaFromURLWithForm = require("./MediaFromURLWithForm");
 var _MediaInsertWrapper = require("./MediaInsertWrapper");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var PopupWithListeners = (0, _ui.withOuterListeners)(_ui.Popup);
@@ -153,19 +151,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
       },
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       insertFile: insertFile
-    })), /*#__PURE__*/_react.default.createElement(CustomTabPanel, null, (0, _platformFeatureFlags.fg)('platform_editor_media_from_url_remove_form') ? /*#__PURE__*/_react.default.createElement(_MediaFromURL.MediaFromURL, {
-      mediaProvider: mediaProvider,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      closeMediaInsertPicker: function closeMediaInsertPicker() {
-        _closeMediaInsertPicker();
-        focusEditor();
-      },
-      insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle,
-      isOnlyExternalLinks: isOnlyExternalLinks,
-      customizedUrlValidation: customizedUrlValidation,
-      customizedHelperMessage: customizedHelperMessage
-    }) : /*#__PURE__*/_react.default.createElement(_MediaFromURLWithForm.MediaFromURLWithForm, {
+    })), /*#__PURE__*/_react.default.createElement(CustomTabPanel, null, /*#__PURE__*/_react.default.createElement(_MediaFromURL.MediaFromURL, {
       mediaProvider: mediaProvider,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       closeMediaInsertPicker: function closeMediaInsertPicker() {

package/dist/es2019/ui/MediaInsertPicker.js

@@ -7,14 +7,12 @@ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPl
 import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
 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 { useFocusEditor } from './hooks/use-focus-editor';
 import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
 import { LocalMedia } from './LocalMedia';
 import { MediaFromURL } from './MediaFromURL';
-import { MediaFromURLWithForm } from './MediaFromURLWithForm';
 import { MediaInsertWrapper } from './MediaInsertWrapper';
 const PopupWithListeners = withOuterListeners(Popup);
 
@@ -145,19 +143,7 @@ export const MediaInsertPicker = ({
     },
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     insertFile: insertFile
-  })), /*#__PURE__*/React.createElement(CustomTabPanel, null, fg('platform_editor_media_from_url_remove_form') ? /*#__PURE__*/React.createElement(MediaFromURL, {
-    mediaProvider: mediaProvider,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    closeMediaInsertPicker: () => {
-      closeMediaInsertPicker();
-      focusEditor();
-    },
-    insertMediaSingle: insertMediaSingle,
-    insertExternalMediaSingle: insertExternalMediaSingle,
-    isOnlyExternalLinks: isOnlyExternalLinks,
-    customizedUrlValidation: customizedUrlValidation,
-    customizedHelperMessage: customizedHelperMessage
-  }) : /*#__PURE__*/React.createElement(MediaFromURLWithForm, {
+  })), /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(MediaFromURL, {
     mediaProvider: mediaProvider,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     closeMediaInsertPicker: () => {

package/dist/esm/ui/MediaInsertPicker.js

@@ -7,14 +7,12 @@ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPl
 import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
 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 { useFocusEditor } from './hooks/use-focus-editor';
 import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
 import { LocalMedia } from './LocalMedia';
 import { MediaFromURL } from './MediaFromURL';
-import { MediaFromURLWithForm } from './MediaFromURLWithForm';
 import { MediaInsertWrapper } from './MediaInsertWrapper';
 var PopupWithListeners = withOuterListeners(Popup);
 
@@ -144,19 +142,7 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
       },
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       insertFile: insertFile
-    })), /*#__PURE__*/React.createElement(CustomTabPanel, null, fg('platform_editor_media_from_url_remove_form') ? /*#__PURE__*/React.createElement(MediaFromURL, {
-      mediaProvider: mediaProvider,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      closeMediaInsertPicker: function closeMediaInsertPicker() {
-        _closeMediaInsertPicker();
-        focusEditor();
-      },
-      insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle,
-      isOnlyExternalLinks: isOnlyExternalLinks,
-      customizedUrlValidation: customizedUrlValidation,
-      customizedHelperMessage: customizedHelperMessage
-    }) : /*#__PURE__*/React.createElement(MediaFromURLWithForm, {
+    })), /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(MediaFromURL, {
       mediaProvider: mediaProvider,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       closeMediaInsertPicker: function closeMediaInsertPicker() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media-insert",
-	"version": "9.2.0",
+	"version": "9.2.2",
 	"description": "Media Insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -25,12 +25,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^50.2.0",
-		"@atlaskit/button": "^23.3.0",
+		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/editor-plugin-analytics": "^3.0.0",
 		"@atlaskit/editor-plugin-media": "^5.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
-		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/form": "^12.1.0",
 		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/media-card": "^79.5.0",
 		"@atlaskit/media-client": "^35.3.0",
@@ -41,12 +41,12 @@
 		"@atlaskit/section-message": "^8.5.0",
 		"@atlaskit/tabs": "^18.1.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.28.0",
+		"@atlaskit/tmp-editor-statsig": "^11.0.0",
 		"@babel/runtime": "^7.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.23.0",
+		"@atlaskit/editor-common": "^107.25.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
@@ -91,10 +91,5 @@
 		"no-unused-dependencies": {
 			"checkDevDependencies": true
 		}
-	},
-	"platform-feature-flags": {
-		"platform_editor_media_from_url_remove_form": {
-			"type": "boolean"
-		}
 	}
 }

package/dist/cjs/ui/MediaFromURLWithForm.js

@@ -1,387 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MediaFromURLWithForm = MediaFromURLWithForm;
-exports.isValidUrl = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _adfSchema = require("@atlaskit/adf-schema");
-var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _form = _interopRequireWildcard(require("@atlaskit/form"));
-var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
-var _filePreview = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file-preview"));
-var _mediaClientReact = require("@atlaskit/media-client-react");
-var _primitives = require("@atlaskit/primitives");
-var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
-var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
-var _MediaCard = require("./MediaCard");
-var _useAnalyticsEvents2 = require("./useAnalyticsEvents");
-var _excluded = ["value", "onChange"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-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; } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-var PreviewBoxStyles = (0, _primitives.xcss)({
-  borderWidth: 'border.width',
-  borderStyle: 'dashed',
-  borderColor: 'color.border',
-  borderRadius: 'border.radius',
-  height: '200px'
-});
-var PreviewImageStyles = (0, _primitives.xcss)({
-  height: '200px'
-});
-var FormStyles = (0, _primitives.xcss)({
-  flexGrow: 1
-});
-var INITIAL_PREVIEW_STATE = Object.freeze({
-  isLoading: false,
-  error: null,
-  warning: null,
-  previewInfo: null
-});
-var MAX_URL_LENGTH = 2048;
-var isValidInput = function isValidInput(value, customizedUrlValidation) {
-  if (customizedUrlValidation) {
-    return customizedUrlValidation(value);
-  }
-  return isValidUrl(value);
-};
-var isValidUrl = exports.isValidUrl = function isValidUrl(value) {
-  try {
-    // Check for spaces and length first to avoid the expensive URL parsing
-    // Ignored via go/ees005
-    // eslint-disable-next-line require-unicode-regexp
-    if (/\s/.test(value) || value.length > MAX_URL_LENGTH) {
-      return false;
-    }
-    new URL(value);
-  } catch (e) {
-    return false;
-  }
-  return (0, _adfSchema.isSafeUrl)(value);
-};
-var previewStateReducer = function previewStateReducer(state, action) {
-  switch (action.type) {
-    case 'loading':
-      return _objectSpread(_objectSpread({}, INITIAL_PREVIEW_STATE), {}, {
-        isLoading: true
-      });
-    case 'error':
-      return _objectSpread(_objectSpread({}, INITIAL_PREVIEW_STATE), {}, {
-        error: action.error
-      });
-    case 'warning':
-      return _objectSpread(_objectSpread({}, INITIAL_PREVIEW_STATE), {}, {
-        warning: action.warning
-      });
-    case 'success':
-      return _objectSpread(_objectSpread({}, INITIAL_PREVIEW_STATE), {}, {
-        previewInfo: action.payload
-      });
-    case 'reset':
-      return INITIAL_PREVIEW_STATE;
-    default:
-      return state;
-  }
-};
-function MediaFromURLWithForm(_ref) {
-  var mediaProvider = _ref.mediaProvider,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    closeMediaInsertPicker = _ref.closeMediaInsertPicker,
-    insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
-    isOnlyExternalLinks = _ref.isOnlyExternalLinks,
-    customizedUrlValidation = _ref.customizedUrlValidation,
-    customizedHelperMessage = _ref.customizedHelperMessage;
-  var intl = (0, _reactIntlNext.useIntl)();
-  var strings = {
-    loadPreview: intl.formatMessage(_messages.mediaInsertMessages.loadPreview),
-    insert: intl.formatMessage(_messages.mediaInsertMessages.insert),
-    pasteLinkToUpload: intl.formatMessage(_messages.mediaInsertMessages.pasteLinkToUpload),
-    cancel: intl.formatMessage(_messages.mediaInsertMessages.cancel),
-    errorMessage: intl.formatMessage(_messages.mediaInsertMessages.fromUrlErrorMessage),
-    warning: intl.formatMessage(_messages.mediaInsertMessages.fromUrlWarning),
-    invalidUrl: intl.formatMessage(_messages.mediaInsertMessages.invalidUrlErrorMessage)
-  };
-  var _React$useReducer = _react.default.useReducer(previewStateReducer, INITIAL_PREVIEW_STATE),
-    _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),
-    input = _React$useState2[0],
-    setInput = _React$useState2[1];
-  var pasteFlag = _react.default.useRef(false);
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(dispatchAnalyticsEvent),
-    onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
-    onUploadCommencedAnalytics = _useAnalyticsEvents.onUploadCommencedAnalytics,
-    onUploadSuccessAnalytics = _useAnalyticsEvents.onUploadSuccessAnalytics,
-    onUploadFailureAnalytics = _useAnalyticsEvents.onUploadFailureAnalytics;
-  var uploadExternalMedia = _react.default.useCallback( /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url) {
-      var uploadMediaClientConfig, uploadParams, mediaClient, collection, _yield$mediaClient$fi, uploadableFileUpfrontIds, dimensions, mimeType, message;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            onUploadButtonClickedAnalytics();
-            dispatch({
-              type: 'loading'
-            });
-            uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig, uploadParams = mediaProvider.uploadParams;
-            if (uploadMediaClientConfig) {
-              _context.next = 5;
-              break;
-            }
-            return _context.abrupt("return");
-          case 5:
-            mediaClient = (0, _mediaClientReact.getMediaClient)(uploadMediaClientConfig);
-            collection = uploadParams === null || uploadParams === void 0 ? void 0 : uploadParams.collection;
-            onUploadCommencedAnalytics('url');
-            _context.prev = 8;
-            _context.next = 11;
-            return mediaClient.file.uploadExternal(url, collection);
-          case 11:
-            _yield$mediaClient$fi = _context.sent;
-            uploadableFileUpfrontIds = _yield$mediaClient$fi.uploadableFileUpfrontIds;
-            dimensions = _yield$mediaClient$fi.dimensions;
-            mimeType = _yield$mediaClient$fi.mimeType;
-            onUploadSuccessAnalytics('url');
-            dispatch({
-              type: 'success',
-              payload: {
-                id: uploadableFileUpfrontIds.id,
-                collection: collection,
-                dimensions: dimensions,
-                occurrenceKey: uploadableFileUpfrontIds.occurrenceKey,
-                fileMimeType: mimeType
-              }
-            });
-            _context.next = 22;
-            break;
-          case 19:
-            _context.prev = 19;
-            _context.t0 = _context["catch"](8);
-            if (typeof _context.t0 === 'string' && _context.t0 === 'Could not download remote file') {
-              // TODO: ED-26962 - Make sure this gets good unit test coverage with the actual media plugin.
-              // This hard coded error message could be changed at any
-              // point and we need a unit test to break to stop people changing it.
-              onUploadFailureAnalytics(_context.t0, 'url');
-              dispatch({
-                type: 'warning',
-                warning: _context.t0,
-                url: url
-              });
-            } else if (_context.t0 instanceof Error) {
-              message = 'Image preview fetch failed';
-              onUploadFailureAnalytics(message, 'url');
-              dispatch({
-                type: 'error',
-                error: message
-              });
-            } else {
-              onUploadFailureAnalytics('Unknown error', 'url');
-              dispatch({
-                type: 'error',
-                error: 'Unknown error'
-              });
-            }
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[8, 19]]);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [onUploadButtonClickedAnalytics, mediaProvider, onUploadCommencedAnalytics, onUploadSuccessAnalytics, onUploadFailureAnalytics]);
-  var onURLChange = _react.default.useCallback(function (e) {
-    var url = e.currentTarget.value;
-    dispatch({
-      type: 'reset'
-    });
-    setInput(url);
-    if (!isValidInput(url, customizedUrlValidation)) {
-      return;
-    }
-    if (pasteFlag.current) {
-      pasteFlag.current = false;
-      if (!isOnlyExternalLinks) {
-        uploadExternalMedia(url);
-      }
-    }
-  }, [uploadExternalMedia, isOnlyExternalLinks, customizedUrlValidation]);
-  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
-    // duplicate logic by handling pastes separately to changes, so we're
-    // just noting paste occurred to then be handled in the onURLChange fn
-    // above. The one exception to this is where paste inputs exactly what was
-    // already in the input, in which case we want to ignore it.
-    if (e.clipboardData.getData('text') !== inputUrl) {
-      pasteFlag.current = true;
-    }
-  }, []);
-  var onInsert = _react.default.useCallback(function () {
-    if (previewState.previewInfo) {
-      insertMediaSingle({
-        mediaState: previewState.previewInfo,
-        inputMethod: _analytics.INPUT_METHOD.MEDIA_PICKER
-      });
-    }
-    closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
-  var onExternalInsert = _react.default.useCallback(function (url) {
-    if (previewState.warning || isOnlyExternalLinks) {
-      insertExternalMediaSingle({
-        url: url,
-        alt: '',
-        inputMethod: _analytics.INPUT_METHOD.MEDIA_PICKER
-      });
-    }
-    closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
-  var onInputKeyPress = _react.default.useCallback(function (event) {
-    if (event && event.key === 'Esc') {
-      if (dispatchAnalyticsEvent) {
-        var payload = {
-          action: _analytics.ACTION.CLOSED,
-          actionSubject: _analytics.ACTION_SUBJECT.PICKER,
-          actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
-          eventType: _analytics.EVENT_TYPE.UI,
-          attributes: {
-            exitMethod: _analytics.INPUT_METHOD.KEYBOARD
-          }
-        };
-        dispatchAnalyticsEvent(payload);
-      }
-      closeMediaInsertPicker();
-    }
-  }, [dispatchAnalyticsEvent, closeMediaInsertPicker]);
-  var onCancel = _react.default.useCallback(function () {
-    if (dispatchAnalyticsEvent) {
-      var payload = {
-        action: _analytics.ACTION.CANCELLED,
-        actionSubject: _analytics.ACTION_SUBJECT.PICKER,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
-        eventType: _analytics.EVENT_TYPE.UI
-      };
-      dispatchAnalyticsEvent(payload);
-    }
-    closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, dispatchAnalyticsEvent]);
-  return /*#__PURE__*/_react.default.createElement(_form.default, {
-    onSubmit: function onSubmit(_ref3, form) {
-      var inputUrl = _ref3.inputUrl;
-      // This can be triggered from an enter key event on the input even when
-      // the button is disabled, so we explicitly do nothing when in loading
-      // state.
-      if (previewState.isLoading || form.getState().invalid) {
-        return;
-      }
-      if (previewState.previewInfo) {
-        return onInsert();
-      }
-      if (previewState.warning) {
-        return onExternalInsert(inputUrl);
-      }
-      return uploadExternalMedia(inputUrl);
-    }
-  }, function (_ref4) {
-    var formProps = _ref4.formProps;
-    return (
-      /*#__PURE__*/
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      _react.default.createElement(_primitives.Box, (0, _extends2.default)({
-        as: "form"
-      }, formProps, {
-        xcss: FormStyles
-      }), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
-        space: "space.150",
-        grow: "fill"
-      }, /*#__PURE__*/_react.default.createElement(_form.Field, {
-        "aria-required": true,
-        isRequired: true,
-        name: "inputUrl",
-        validate: function validate(value) {
-          return value && isValidInput(value, customizedUrlValidation) ? undefined : strings.invalidUrl;
-        }
-      }, function (_ref5) {
-        var _ref5$fieldProps = _ref5.fieldProps,
-          value = _ref5$fieldProps.value,
-          _onChange = _ref5$fieldProps.onChange,
-          rest = (0, _objectWithoutProperties2.default)(_ref5$fieldProps, _excluded),
-          error = _ref5.error,
-          meta = _ref5.meta;
-        return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
-          space: "space.150",
-          grow: "fill"
-        }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_textfield.default
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        , (0, _extends2.default)({}, rest, {
-          value: value,
-          placeholder: strings.pasteLinkToUpload,
-          maxLength: MAX_URL_LENGTH,
-          onKeyPress: onInputKeyPress,
-          onPaste: function onPaste(event) {
-            return _onPaste(event, value);
-          },
-          onChange: function onChange(value) {
-            onURLChange(value);
-            _onChange(value);
-          }
-        })), customizedHelperMessage && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.HelperMessage, null, customizedHelperMessage)), /*#__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 && !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-          xcss: PreviewBoxStyles,
-          alignItems: "center",
-          justifyContent: "center"
-        }, /*#__PURE__*/_react.default.createElement(_new.default, {
-          type: "submit",
-          isLoading: previewState.isLoading,
-          isDisabled: !!error || !meta.dirty,
-          iconBefore: function iconBefore() {
-            return /*#__PURE__*/_react.default.createElement(_growDiagonal.default, {
-              label: "",
-              LEGACY_fallbackIcon: _filePreview.default
-            });
-          }
-        }, strings.loadPreview)));
-      }), previewState.previewInfo && /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-        alignInline: "center",
-        alignBlock: "center",
-        xcss: PreviewImageStyles,
-        space: "space.200"
-      }, /*#__PURE__*/_react.default.createElement(_MediaCard.MediaCard, {
-        attrs: previewState.previewInfo,
-        mediaProvider: mediaProvider
-      })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, previewState.error && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
-        appearance: "error"
-      }, strings.errorMessage), previewState.warning && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
-        appearance: "warning"
-      }, strings.warning)), /*#__PURE__*/_react.default.createElement(_form.FormFooter, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_new.default, {
-        appearance: "subtle",
-        onClick: onCancel
-      }, strings.cancel), /*#__PURE__*/_react.default.createElement(_new.default, {
-        type: "submit",
-        appearance: "primary",
-        isDisabled: isOnlyExternalLinks ? !input || !isValidInput(input, customizedUrlValidation) : !previewState.previewInfo && !previewState.warning
-      }, strings.insert)))))
-    );
-  });
-}

package/dist/es2019/ui/MediaFromURLWithForm.js

@@ -1,344 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { Fragment } from 'react';
-import { useIntl } from 'react-intl-next';
-import { isSafeUrl } from '@atlaskit/adf-schema';
-import ButtonGroup from '@atlaskit/button/button-group';
-import Button from '@atlaskit/button/new';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
-import Form, { ErrorMessage, Field, FormFooter, MessageWrapper, HelperMessage } from '@atlaskit/form';
-import ExpandIcon from '@atlaskit/icon/core/grow-diagonal';
-import { default as EditorFilePreviewIconLegacy } from '@atlaskit/icon/glyph/editor/file-preview';
-import { getMediaClient } from '@atlaskit/media-client-react';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
-import SectionMessage from '@atlaskit/section-message';
-import TextField from '@atlaskit/textfield';
-import { MediaCard } from './MediaCard';
-import { useAnalyticsEvents } from './useAnalyticsEvents';
-const PreviewBoxStyles = xcss({
-  borderWidth: 'border.width',
-  borderStyle: 'dashed',
-  borderColor: 'color.border',
-  borderRadius: 'border.radius',
-  height: '200px'
-});
-const PreviewImageStyles = xcss({
-  height: '200px'
-});
-const FormStyles = xcss({
-  flexGrow: 1
-});
-const INITIAL_PREVIEW_STATE = Object.freeze({
-  isLoading: false,
-  error: null,
-  warning: null,
-  previewInfo: null
-});
-const MAX_URL_LENGTH = 2048;
-const isValidInput = (value, customizedUrlValidation) => {
-  if (customizedUrlValidation) {
-    return customizedUrlValidation(value);
-  }
-  return isValidUrl(value);
-};
-export const isValidUrl = value => {
-  try {
-    // Check for spaces and length first to avoid the expensive URL parsing
-    // Ignored via go/ees005
-    // eslint-disable-next-line require-unicode-regexp
-    if (/\s/.test(value) || value.length > MAX_URL_LENGTH) {
-      return false;
-    }
-    new URL(value);
-  } catch (e) {
-    return false;
-  }
-  return isSafeUrl(value);
-};
-const previewStateReducer = (state, action) => {
-  switch (action.type) {
-    case 'loading':
-      return {
-        ...INITIAL_PREVIEW_STATE,
-        isLoading: true
-      };
-    case 'error':
-      return {
-        ...INITIAL_PREVIEW_STATE,
-        error: action.error
-      };
-    case 'warning':
-      return {
-        ...INITIAL_PREVIEW_STATE,
-        warning: action.warning
-      };
-    case 'success':
-      return {
-        ...INITIAL_PREVIEW_STATE,
-        previewInfo: action.payload
-      };
-    case 'reset':
-      return INITIAL_PREVIEW_STATE;
-    default:
-      return state;
-  }
-};
-export function MediaFromURLWithForm({
-  mediaProvider,
-  dispatchAnalyticsEvent,
-  closeMediaInsertPicker,
-  insertMediaSingle,
-  insertExternalMediaSingle,
-  isOnlyExternalLinks,
-  customizedUrlValidation,
-  customizedHelperMessage
-}) {
-  const intl = useIntl();
-  const strings = {
-    loadPreview: intl.formatMessage(mediaInsertMessages.loadPreview),
-    insert: intl.formatMessage(mediaInsertMessages.insert),
-    pasteLinkToUpload: intl.formatMessage(mediaInsertMessages.pasteLinkToUpload),
-    cancel: intl.formatMessage(mediaInsertMessages.cancel),
-    errorMessage: intl.formatMessage(mediaInsertMessages.fromUrlErrorMessage),
-    warning: intl.formatMessage(mediaInsertMessages.fromUrlWarning),
-    invalidUrl: intl.formatMessage(mediaInsertMessages.invalidUrlErrorMessage)
-  };
-  const [previewState, dispatch] = React.useReducer(previewStateReducer, INITIAL_PREVIEW_STATE);
-  const [input, setInput] = React.useState('');
-  const pasteFlag = React.useRef(false);
-  const {
-    onUploadButtonClickedAnalytics,
-    onUploadCommencedAnalytics,
-    onUploadSuccessAnalytics,
-    onUploadFailureAnalytics
-  } = useAnalyticsEvents(dispatchAnalyticsEvent);
-  const uploadExternalMedia = React.useCallback(async url => {
-    onUploadButtonClickedAnalytics();
-    dispatch({
-      type: 'loading'
-    });
-    const {
-      uploadMediaClientConfig,
-      uploadParams
-    } = mediaProvider;
-    if (!uploadMediaClientConfig) {
-      return;
-    }
-    const mediaClient = getMediaClient(uploadMediaClientConfig);
-    const collection = uploadParams === null || uploadParams === void 0 ? void 0 : uploadParams.collection;
-    onUploadCommencedAnalytics('url');
-    try {
-      const {
-        uploadableFileUpfrontIds,
-        dimensions,
-        mimeType
-      } = await mediaClient.file.uploadExternal(url, collection);
-      onUploadSuccessAnalytics('url');
-      dispatch({
-        type: 'success',
-        payload: {
-          id: uploadableFileUpfrontIds.id,
-          collection,
-          dimensions,
-          occurrenceKey: uploadableFileUpfrontIds.occurrenceKey,
-          fileMimeType: mimeType
-        }
-      });
-    } catch (e) {
-      if (typeof e === 'string' && e === 'Could not download remote file') {
-        // TODO: ED-26962 - Make sure this gets good unit test coverage with the actual media plugin.
-        // This hard coded error message could be changed at any
-        // point and we need a unit test to break to stop people changing it.
-        onUploadFailureAnalytics(e, 'url');
-        dispatch({
-          type: 'warning',
-          warning: e,
-          url
-        });
-      } else if (e instanceof Error) {
-        const message = 'Image preview fetch failed';
-        onUploadFailureAnalytics(message, 'url');
-        dispatch({
-          type: 'error',
-          error: message
-        });
-      } else {
-        onUploadFailureAnalytics('Unknown error', 'url');
-        dispatch({
-          type: 'error',
-          error: 'Unknown error'
-        });
-      }
-    }
-  }, [onUploadButtonClickedAnalytics, mediaProvider, onUploadCommencedAnalytics, onUploadSuccessAnalytics, onUploadFailureAnalytics]);
-  const onURLChange = React.useCallback(e => {
-    const url = e.currentTarget.value;
-    dispatch({
-      type: 'reset'
-    });
-    setInput(url);
-    if (!isValidInput(url, customizedUrlValidation)) {
-      return;
-    }
-    if (pasteFlag.current) {
-      pasteFlag.current = false;
-      if (!isOnlyExternalLinks) {
-        uploadExternalMedia(url);
-      }
-    }
-  }, [uploadExternalMedia, isOnlyExternalLinks, customizedUrlValidation]);
-  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
-    // duplicate logic by handling pastes separately to changes, so we're
-    // just noting paste occurred to then be handled in the onURLChange fn
-    // above. The one exception to this is where paste inputs exactly what was
-    // already in the input, in which case we want to ignore it.
-    if (e.clipboardData.getData('text') !== inputUrl) {
-      pasteFlag.current = true;
-    }
-  }, []);
-  const onInsert = React.useCallback(() => {
-    if (previewState.previewInfo) {
-      insertMediaSingle({
-        mediaState: previewState.previewInfo,
-        inputMethod: INPUT_METHOD.MEDIA_PICKER
-      });
-    }
-    closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
-  const onExternalInsert = React.useCallback(url => {
-    if (previewState.warning || isOnlyExternalLinks) {
-      insertExternalMediaSingle({
-        url,
-        alt: '',
-        inputMethod: INPUT_METHOD.MEDIA_PICKER
-      });
-    }
-    closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
-  const onInputKeyPress = React.useCallback(event => {
-    if (event && event.key === 'Esc') {
-      if (dispatchAnalyticsEvent) {
-        const payload = {
-          action: ACTION.CLOSED,
-          actionSubject: ACTION_SUBJECT.PICKER,
-          actionSubjectId: ACTION_SUBJECT_ID.PICKER_MEDIA,
-          eventType: EVENT_TYPE.UI,
-          attributes: {
-            exitMethod: INPUT_METHOD.KEYBOARD
-          }
-        };
-        dispatchAnalyticsEvent(payload);
-      }
-      closeMediaInsertPicker();
-    }
-  }, [dispatchAnalyticsEvent, closeMediaInsertPicker]);
-  const onCancel = React.useCallback(() => {
-    if (dispatchAnalyticsEvent) {
-      const payload = {
-        action: ACTION.CANCELLED,
-        actionSubject: ACTION_SUBJECT.PICKER,
-        actionSubjectId: ACTION_SUBJECT_ID.PICKER_MEDIA,
-        eventType: EVENT_TYPE.UI
-      };
-      dispatchAnalyticsEvent(payload);
-    }
-    closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, dispatchAnalyticsEvent]);
-  return /*#__PURE__*/React.createElement(Form, {
-    onSubmit: ({
-      inputUrl
-    }, form) => {
-      // This can be triggered from an enter key event on the input even when
-      // the button is disabled, so we explicitly do nothing when in loading
-      // state.
-      if (previewState.isLoading || form.getState().invalid) {
-        return;
-      }
-      if (previewState.previewInfo) {
-        return onInsert();
-      }
-      if (previewState.warning) {
-        return onExternalInsert(inputUrl);
-      }
-      return uploadExternalMedia(inputUrl);
-    }
-  }, ({
-    formProps
-  }) =>
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  React.createElement(Box, _extends({
-    as: "form"
-  }, formProps, {
-    xcss: FormStyles
-  }), /*#__PURE__*/React.createElement(Stack, {
-    space: "space.150",
-    grow: "fill"
-  }, /*#__PURE__*/React.createElement(Field, {
-    "aria-required": true,
-    isRequired: true,
-    name: "inputUrl",
-    validate: value => value && isValidInput(value, customizedUrlValidation) ? undefined : strings.invalidUrl
-  }, ({
-    fieldProps: {
-      value,
-      onChange,
-      ...rest
-    },
-    error,
-    meta
-  }) => /*#__PURE__*/React.createElement(Stack, {
-    space: "space.150",
-    grow: "fill"
-  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(TextField
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, rest, {
-    value: value,
-    placeholder: strings.pasteLinkToUpload,
-    maxLength: MAX_URL_LENGTH,
-    onKeyPress: onInputKeyPress,
-    onPaste: event => onPaste(event, value),
-    onChange: value => {
-      onURLChange(value);
-      onChange(value);
-    }
-  })), customizedHelperMessage && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(HelperMessage, null, customizedHelperMessage)), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
-    as: "span"
-  }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
-    xcss: PreviewBoxStyles,
-    alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "submit",
-    isLoading: previewState.isLoading,
-    isDisabled: !!error || !meta.dirty,
-    iconBefore: () => /*#__PURE__*/React.createElement(ExpandIcon, {
-      label: "",
-      LEGACY_fallbackIcon: EditorFilePreviewIconLegacy
-    })
-  }, strings.loadPreview)))), previewState.previewInfo && /*#__PURE__*/React.createElement(Inline, {
-    alignInline: "center",
-    alignBlock: "center",
-    xcss: PreviewImageStyles,
-    space: "space.200"
-  }, /*#__PURE__*/React.createElement(MediaCard, {
-    attrs: previewState.previewInfo,
-    mediaProvider: mediaProvider
-  })), /*#__PURE__*/React.createElement(MessageWrapper, null, previewState.error && /*#__PURE__*/React.createElement(SectionMessage, {
-    appearance: "error"
-  }, strings.errorMessage), previewState.warning && /*#__PURE__*/React.createElement(SectionMessage, {
-    appearance: "warning"
-  }, strings.warning)), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
-    appearance: "subtle",
-    onClick: onCancel
-  }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
-    type: "submit",
-    appearance: "primary",
-    isDisabled: isOnlyExternalLinks ? !input || !isValidInput(input, customizedUrlValidation) : !previewState.previewInfo && !previewState.warning
-  }, strings.insert))))));
-}

package/dist/esm/ui/MediaFromURLWithForm.js

@@ -1,378 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "onChange"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { Fragment } from 'react';
-import { useIntl } from 'react-intl-next';
-import { isSafeUrl } from '@atlaskit/adf-schema';
-import ButtonGroup from '@atlaskit/button/button-group';
-import Button from '@atlaskit/button/new';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
-import Form, { ErrorMessage, Field, FormFooter, MessageWrapper, HelperMessage } from '@atlaskit/form';
-import ExpandIcon from '@atlaskit/icon/core/grow-diagonal';
-import { default as EditorFilePreviewIconLegacy } from '@atlaskit/icon/glyph/editor/file-preview';
-import { getMediaClient } from '@atlaskit/media-client-react';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
-import SectionMessage from '@atlaskit/section-message';
-import TextField from '@atlaskit/textfield';
-import { MediaCard } from './MediaCard';
-import { useAnalyticsEvents } from './useAnalyticsEvents';
-var PreviewBoxStyles = xcss({
-  borderWidth: 'border.width',
-  borderStyle: 'dashed',
-  borderColor: 'color.border',
-  borderRadius: 'border.radius',
-  height: '200px'
-});
-var PreviewImageStyles = xcss({
-  height: '200px'
-});
-var FormStyles = xcss({
-  flexGrow: 1
-});
-var INITIAL_PREVIEW_STATE = Object.freeze({
-  isLoading: false,
-  error: null,
-  warning: null,
-  previewInfo: null
-});
-var MAX_URL_LENGTH = 2048;
-var isValidInput = function isValidInput(value, customizedUrlValidation) {
-  if (customizedUrlValidation) {
-    return customizedUrlValidation(value);
-  }
-  return isValidUrl(value);
-};
-export var isValidUrl = function isValidUrl(value) {
-  try {
-    // Check for spaces and length first to avoid the expensive URL parsing
-    // Ignored via go/ees005
-    // eslint-disable-next-line require-unicode-regexp
-    if (/\s/.test(value) || value.length > MAX_URL_LENGTH) {
-      return false;
-    }
-    new URL(value);
-  } catch (e) {
-    return false;
-  }
-  return isSafeUrl(value);
-};
-var previewStateReducer = function previewStateReducer(state, action) {
-  switch (action.type) {
-    case 'loading':
-      return _objectSpread(_objectSpread({}, INITIAL_PREVIEW_STATE), {}, {
-        isLoading: true
-      });
-    case 'error':
-      return _objectSpread(_objectSpread({}, INITIAL_PREVIEW_STATE), {}, {
-        error: action.error
-      });
-    case 'warning':
-      return _objectSpread(_objectSpread({}, INITIAL_PREVIEW_STATE), {}, {
-        warning: action.warning
-      });
-    case 'success':
-      return _objectSpread(_objectSpread({}, INITIAL_PREVIEW_STATE), {}, {
-        previewInfo: action.payload
-      });
-    case 'reset':
-      return INITIAL_PREVIEW_STATE;
-    default:
-      return state;
-  }
-};
-export function MediaFromURLWithForm(_ref) {
-  var mediaProvider = _ref.mediaProvider,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    closeMediaInsertPicker = _ref.closeMediaInsertPicker,
-    insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
-    isOnlyExternalLinks = _ref.isOnlyExternalLinks,
-    customizedUrlValidation = _ref.customizedUrlValidation,
-    customizedHelperMessage = _ref.customizedHelperMessage;
-  var intl = useIntl();
-  var strings = {
-    loadPreview: intl.formatMessage(mediaInsertMessages.loadPreview),
-    insert: intl.formatMessage(mediaInsertMessages.insert),
-    pasteLinkToUpload: intl.formatMessage(mediaInsertMessages.pasteLinkToUpload),
-    cancel: intl.formatMessage(mediaInsertMessages.cancel),
-    errorMessage: intl.formatMessage(mediaInsertMessages.fromUrlErrorMessage),
-    warning: intl.formatMessage(mediaInsertMessages.fromUrlWarning),
-    invalidUrl: intl.formatMessage(mediaInsertMessages.invalidUrlErrorMessage)
-  };
-  var _React$useReducer = React.useReducer(previewStateReducer, INITIAL_PREVIEW_STATE),
-    _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),
-    input = _React$useState2[0],
-    setInput = _React$useState2[1];
-  var pasteFlag = React.useRef(false);
-  var _useAnalyticsEvents = useAnalyticsEvents(dispatchAnalyticsEvent),
-    onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
-    onUploadCommencedAnalytics = _useAnalyticsEvents.onUploadCommencedAnalytics,
-    onUploadSuccessAnalytics = _useAnalyticsEvents.onUploadSuccessAnalytics,
-    onUploadFailureAnalytics = _useAnalyticsEvents.onUploadFailureAnalytics;
-  var uploadExternalMedia = React.useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
-      var uploadMediaClientConfig, uploadParams, mediaClient, collection, _yield$mediaClient$fi, uploadableFileUpfrontIds, dimensions, mimeType, message;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            onUploadButtonClickedAnalytics();
-            dispatch({
-              type: 'loading'
-            });
-            uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig, uploadParams = mediaProvider.uploadParams;
-            if (uploadMediaClientConfig) {
-              _context.next = 5;
-              break;
-            }
-            return _context.abrupt("return");
-          case 5:
-            mediaClient = getMediaClient(uploadMediaClientConfig);
-            collection = uploadParams === null || uploadParams === void 0 ? void 0 : uploadParams.collection;
-            onUploadCommencedAnalytics('url');
-            _context.prev = 8;
-            _context.next = 11;
-            return mediaClient.file.uploadExternal(url, collection);
-          case 11:
-            _yield$mediaClient$fi = _context.sent;
-            uploadableFileUpfrontIds = _yield$mediaClient$fi.uploadableFileUpfrontIds;
-            dimensions = _yield$mediaClient$fi.dimensions;
-            mimeType = _yield$mediaClient$fi.mimeType;
-            onUploadSuccessAnalytics('url');
-            dispatch({
-              type: 'success',
-              payload: {
-                id: uploadableFileUpfrontIds.id,
-                collection: collection,
-                dimensions: dimensions,
-                occurrenceKey: uploadableFileUpfrontIds.occurrenceKey,
-                fileMimeType: mimeType
-              }
-            });
-            _context.next = 22;
-            break;
-          case 19:
-            _context.prev = 19;
-            _context.t0 = _context["catch"](8);
-            if (typeof _context.t0 === 'string' && _context.t0 === 'Could not download remote file') {
-              // TODO: ED-26962 - Make sure this gets good unit test coverage with the actual media plugin.
-              // This hard coded error message could be changed at any
-              // point and we need a unit test to break to stop people changing it.
-              onUploadFailureAnalytics(_context.t0, 'url');
-              dispatch({
-                type: 'warning',
-                warning: _context.t0,
-                url: url
-              });
-            } else if (_context.t0 instanceof Error) {
-              message = 'Image preview fetch failed';
-              onUploadFailureAnalytics(message, 'url');
-              dispatch({
-                type: 'error',
-                error: message
-              });
-            } else {
-              onUploadFailureAnalytics('Unknown error', 'url');
-              dispatch({
-                type: 'error',
-                error: 'Unknown error'
-              });
-            }
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[8, 19]]);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [onUploadButtonClickedAnalytics, mediaProvider, onUploadCommencedAnalytics, onUploadSuccessAnalytics, onUploadFailureAnalytics]);
-  var onURLChange = React.useCallback(function (e) {
-    var url = e.currentTarget.value;
-    dispatch({
-      type: 'reset'
-    });
-    setInput(url);
-    if (!isValidInput(url, customizedUrlValidation)) {
-      return;
-    }
-    if (pasteFlag.current) {
-      pasteFlag.current = false;
-      if (!isOnlyExternalLinks) {
-        uploadExternalMedia(url);
-      }
-    }
-  }, [uploadExternalMedia, isOnlyExternalLinks, customizedUrlValidation]);
-  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
-    // duplicate logic by handling pastes separately to changes, so we're
-    // just noting paste occurred to then be handled in the onURLChange fn
-    // above. The one exception to this is where paste inputs exactly what was
-    // already in the input, in which case we want to ignore it.
-    if (e.clipboardData.getData('text') !== inputUrl) {
-      pasteFlag.current = true;
-    }
-  }, []);
-  var onInsert = React.useCallback(function () {
-    if (previewState.previewInfo) {
-      insertMediaSingle({
-        mediaState: previewState.previewInfo,
-        inputMethod: INPUT_METHOD.MEDIA_PICKER
-      });
-    }
-    closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
-  var onExternalInsert = React.useCallback(function (url) {
-    if (previewState.warning || isOnlyExternalLinks) {
-      insertExternalMediaSingle({
-        url: url,
-        alt: '',
-        inputMethod: INPUT_METHOD.MEDIA_PICKER
-      });
-    }
-    closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
-  var onInputKeyPress = React.useCallback(function (event) {
-    if (event && event.key === 'Esc') {
-      if (dispatchAnalyticsEvent) {
-        var payload = {
-          action: ACTION.CLOSED,
-          actionSubject: ACTION_SUBJECT.PICKER,
-          actionSubjectId: ACTION_SUBJECT_ID.PICKER_MEDIA,
-          eventType: EVENT_TYPE.UI,
-          attributes: {
-            exitMethod: INPUT_METHOD.KEYBOARD
-          }
-        };
-        dispatchAnalyticsEvent(payload);
-      }
-      closeMediaInsertPicker();
-    }
-  }, [dispatchAnalyticsEvent, closeMediaInsertPicker]);
-  var onCancel = React.useCallback(function () {
-    if (dispatchAnalyticsEvent) {
-      var payload = {
-        action: ACTION.CANCELLED,
-        actionSubject: ACTION_SUBJECT.PICKER,
-        actionSubjectId: ACTION_SUBJECT_ID.PICKER_MEDIA,
-        eventType: EVENT_TYPE.UI
-      };
-      dispatchAnalyticsEvent(payload);
-    }
-    closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, dispatchAnalyticsEvent]);
-  return /*#__PURE__*/React.createElement(Form, {
-    onSubmit: function onSubmit(_ref3, form) {
-      var inputUrl = _ref3.inputUrl;
-      // This can be triggered from an enter key event on the input even when
-      // the button is disabled, so we explicitly do nothing when in loading
-      // state.
-      if (previewState.isLoading || form.getState().invalid) {
-        return;
-      }
-      if (previewState.previewInfo) {
-        return onInsert();
-      }
-      if (previewState.warning) {
-        return onExternalInsert(inputUrl);
-      }
-      return uploadExternalMedia(inputUrl);
-    }
-  }, function (_ref4) {
-    var formProps = _ref4.formProps;
-    return (
-      /*#__PURE__*/
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      React.createElement(Box, _extends({
-        as: "form"
-      }, formProps, {
-        xcss: FormStyles
-      }), /*#__PURE__*/React.createElement(Stack, {
-        space: "space.150",
-        grow: "fill"
-      }, /*#__PURE__*/React.createElement(Field, {
-        "aria-required": true,
-        isRequired: true,
-        name: "inputUrl",
-        validate: function validate(value) {
-          return value && isValidInput(value, customizedUrlValidation) ? undefined : strings.invalidUrl;
-        }
-      }, function (_ref5) {
-        var _ref5$fieldProps = _ref5.fieldProps,
-          value = _ref5$fieldProps.value,
-          _onChange = _ref5$fieldProps.onChange,
-          rest = _objectWithoutProperties(_ref5$fieldProps, _excluded),
-          error = _ref5.error,
-          meta = _ref5.meta;
-        return /*#__PURE__*/React.createElement(Stack, {
-          space: "space.150",
-          grow: "fill"
-        }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(TextField
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        , _extends({}, rest, {
-          value: value,
-          placeholder: strings.pasteLinkToUpload,
-          maxLength: MAX_URL_LENGTH,
-          onKeyPress: onInputKeyPress,
-          onPaste: function onPaste(event) {
-            return _onPaste(event, value);
-          },
-          onChange: function onChange(value) {
-            onURLChange(value);
-            _onChange(value);
-          }
-        })), customizedHelperMessage && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(HelperMessage, null, customizedHelperMessage)), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
-          as: "span"
-        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
-          xcss: PreviewBoxStyles,
-          alignItems: "center",
-          justifyContent: "center"
-        }, /*#__PURE__*/React.createElement(Button, {
-          type: "submit",
-          isLoading: previewState.isLoading,
-          isDisabled: !!error || !meta.dirty,
-          iconBefore: function iconBefore() {
-            return /*#__PURE__*/React.createElement(ExpandIcon, {
-              label: "",
-              LEGACY_fallbackIcon: EditorFilePreviewIconLegacy
-            });
-          }
-        }, strings.loadPreview)));
-      }), previewState.previewInfo && /*#__PURE__*/React.createElement(Inline, {
-        alignInline: "center",
-        alignBlock: "center",
-        xcss: PreviewImageStyles,
-        space: "space.200"
-      }, /*#__PURE__*/React.createElement(MediaCard, {
-        attrs: previewState.previewInfo,
-        mediaProvider: mediaProvider
-      })), /*#__PURE__*/React.createElement(MessageWrapper, null, previewState.error && /*#__PURE__*/React.createElement(SectionMessage, {
-        appearance: "error"
-      }, strings.errorMessage), previewState.warning && /*#__PURE__*/React.createElement(SectionMessage, {
-        appearance: "warning"
-      }, strings.warning)), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
-        appearance: "subtle",
-        onClick: onCancel
-      }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
-        type: "submit",
-        appearance: "primary",
-        isDisabled: isOnlyExternalLinks ? !input || !isValidInput(input, customizedUrlValidation) : !previewState.previewInfo && !previewState.warning
-      }, strings.insert)))))
-    );
-  });
-}

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import { type CustomizedHelperMessage, type InsertExternalMediaSingle, type InsertMediaSingle } from '../types';
-export declare const isValidUrl: (value: string) => boolean;
-type Props = {
-    mediaProvider: MediaProvider;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    closeMediaInsertPicker: () => void;
-    insertMediaSingle: InsertMediaSingle;
-    insertExternalMediaSingle: InsertExternalMediaSingle;
-    isOnlyExternalLinks: boolean;
-    customizedUrlValidation?: (input: string) => boolean;
-    customizedHelperMessage?: CustomizedHelperMessage;
-};
-export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, customizedUrlValidation, customizedHelperMessage, }: Props): React.JSX.Element;
-export {};

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import { type CustomizedHelperMessage, type InsertExternalMediaSingle, type InsertMediaSingle } from '../types';
-export declare const isValidUrl: (value: string) => boolean;
-type Props = {
-    mediaProvider: MediaProvider;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    closeMediaInsertPicker: () => void;
-    insertMediaSingle: InsertMediaSingle;
-    insertExternalMediaSingle: InsertExternalMediaSingle;
-    isOnlyExternalLinks: boolean;
-    customizedUrlValidation?: (input: string) => boolean;
-    customizedHelperMessage?: CustomizedHelperMessage;
-};
-export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, customizedUrlValidation, customizedHelperMessage, }: Props): React.JSX.Element;
-export {};