@atlaskit/editor-plugin-media-insert 2.1.2 → 2.3.0

package/dist/esm/ui/{FromURL.js → MediaFromURL.js}

@@ -65,18 +65,18 @@ var previewStateReducer = function previewStateReducer(state, action) {
 };
 export function MediaFromURL(_ref) {
   var mediaProvider = _ref.mediaProvider,
-    onInsert = _ref.onInsert,
-    onExternalInsert = _ref.onExternalInsert,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    closeMediaInsertPicker = _ref.closeMediaInsertPicker;
+    closeMediaInsertPicker = _ref.closeMediaInsertPicker,
+    insertMediaSingle = _ref.insertMediaSingle,
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
   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.errorMessage),
-    warning: intl.formatMessage(mediaInsertMessages.warning)
+    errorMessage: intl.formatMessage(mediaInsertMessages.fromUrlErrorMessage),
+    warning: intl.formatMessage(mediaInsertMessages.fromUrlWarning)
   };
   var _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -88,36 +88,39 @@ export function MediaFromURL(_ref) {
     dispatch = _React$useReducer2[1];
   var pasteFlag = React.useRef(false);
   var _useAnalyticsEvents = useAnalyticsEvents(dispatchAnalyticsEvent),
-    onUploadAnalytics = _useAnalyticsEvents.onUploadAnalytics,
+    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, message;
+      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 = 4;
+              _context.next = 5;
               break;
             }
             return _context.abrupt("return");
-          case 4:
+          case 5:
             mediaClient = getMediaClient(uploadMediaClientConfig);
             collection = uploadParams === null || uploadParams === void 0 ? void 0 : uploadParams.collection;
-            onUploadAnalytics();
-            _context.prev = 7;
-            _context.next = 10;
+            onUploadCommencedAnalytics('url');
+            _context.prev = 8;
+            _context.next = 11;
             return mediaClient.file.uploadExternal(url, collection);
-          case 10:
+          case 11:
             _yield$mediaClient$fi = _context.sent;
             uploadableFileUpfrontIds = _yield$mediaClient$fi.uploadableFileUpfrontIds;
             dimensions = _yield$mediaClient$fi.dimensions;
-            onUploadSuccessAnalytics();
+            mimeType = _yield$mediaClient$fi.mimeType;
+            onUploadSuccessAnalytics('url');
             dispatch({
               type: 'success',
               payload: {
@@ -125,19 +128,20 @@ export function MediaFromURL(_ref) {
                 collection: collection,
                 height: dimensions.height,
                 width: dimensions.width,
-                occurrenceKey: uploadableFileUpfrontIds.occurrenceKey
+                occurrenceKey: uploadableFileUpfrontIds.occurrenceKey,
+                fileMimeType: mimeType
               }
             });
-            _context.next = 20;
+            _context.next = 22;
             break;
-          case 17:
-            _context.prev = 17;
-            _context.t0 = _context["catch"](7);
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](8);
             if (typeof _context.t0 === 'string' && _context.t0 === 'Could not download remote file') {
               // TODO: 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);
+              onUploadFailureAnalytics(_context.t0, 'url');
               dispatch({
                 type: 'warning',
                 warning: _context.t0,
@@ -145,28 +149,28 @@ export function MediaFromURL(_ref) {
               });
             } else if (_context.t0 instanceof Error) {
               message = 'Image preview fetch failed';
-              onUploadFailureAnalytics(message);
+              onUploadFailureAnalytics(message, 'url');
               dispatch({
                 type: 'error',
                 error: message
               });
             } else {
-              onUploadFailureAnalytics('Unknown error');
+              onUploadFailureAnalytics('Unknown error', 'url');
               dispatch({
                 type: 'error',
                 error: 'Unknown error'
               });
             }
-          case 20:
+          case 22:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[7, 17]]);
+      }, _callee, null, [[8, 19]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [mediaProvider, onUploadAnalytics, onUploadFailureAnalytics, onUploadSuccessAnalytics, inputUrl]);
+  }(), [onUploadButtonClickedAnalytics, mediaProvider, onUploadCommencedAnalytics, onUploadSuccessAnalytics, onUploadFailureAnalytics, inputUrl]);
   var onURLChange = React.useCallback(function (e) {
     var url = e.target.value;
     setUrl(url);
@@ -189,14 +193,33 @@ export function MediaFromURL(_ref) {
       pasteFlag.current = true;
     }
   }, [inputUrl]);
+  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) {
+      insertExternalMediaSingle({
+        url: url,
+        alt: url,
+        inputMethod: INPUT_METHOD.MEDIA_PICKER
+      });
+    }
+    closeMediaInsertPicker();
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
   var onInsertClick = React.useCallback(function () {
     if (previewState.previewInfo) {
-      return onInsert(previewState.previewInfo);
+      return onInsert();
     }
     if (previewState.warning) {
       return onExternalInsert(inputUrl);
     }
-  }, [onExternalInsert, onInsert, previewState.previewInfo, previewState.warning, inputUrl]);
+  }, [previewState.previewInfo, previewState.warning, onInsert, onExternalInsert, inputUrl]);
   var onInputKeyPress = React.useCallback(function (event) {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {

package/dist/esm/ui/MediaInsertContent.js

@@ -3,21 +3,29 @@ import { useIntl } from 'react-intl-next';
 import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import { Box } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import { MediaFromURL } from './FromURL';
+import { LocalMedia } from './LocalMedia';
+import { MediaFromURL } from './MediaFromURL';
 export var MediaInsertContent = function MediaInsertContent(_ref) {
   var mediaProvider = _ref.mediaProvider,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    closeMediaInsertPicker = _ref.closeMediaInsertPicker;
+    closeMediaInsertPicker = _ref.closeMediaInsertPicker,
+    insertMediaSingle = _ref.insertMediaSingle,
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
   var intl = useIntl();
   return /*#__PURE__*/React.createElement(Tabs, {
     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.linkTabTitle)))), /*#__PURE__*/React.createElement(TabPanel, null, /*#__PURE__*/React.createElement(MediaFromURL, {
+  }, /*#__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(TabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
+    mediaProvider: mediaProvider,
+    onInsert: insertMediaSingle,
+    onClose: closeMediaInsertPicker,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  })), /*#__PURE__*/React.createElement(TabPanel, null, /*#__PURE__*/React.createElement(MediaFromURL, {
     mediaProvider: mediaProvider,
-    onExternalInsert: function onExternalInsert() {},
-    onInsert: function onInsert() {},
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    closeMediaInsertPicker: closeMediaInsertPicker
+    closeMediaInsertPicker: closeMediaInsertPicker,
+    insertMediaSingle: insertMediaSingle,
+    insertExternalMediaSingle: insertExternalMediaSingle
   })));
 };

package/dist/esm/ui/MediaInsertPicker.js

@@ -41,7 +41,9 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref) {
     popupsMountPoint = _ref.popupsMountPoint,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
     popupsScrollableElement = _ref.popupsScrollableElement,
-    _closeMediaInsertPicker = _ref.closeMediaInsertPicker;
+    _closeMediaInsertPicker = _ref.closeMediaInsertPicker,
+    insertMediaSingle = _ref.insertMediaSingle,
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
   var targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
   var isOpen = (_useSharedPluginState = useSharedPluginState(api, ['mediaInsert'])) === null || _useSharedPluginState === void 0 || (_useSharedPluginState = _useSharedPluginState.mediaInsertState) === null || _useSharedPluginState === void 0 ? void 0 : _useSharedPluginState.isOpen;
   var mediaProvider = (_useSharedPluginState2 = useSharedPluginState(api, ['media'])) === null || _useSharedPluginState2 === void 0 || (_useSharedPluginState2 = _useSharedPluginState2.mediaState) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaProvider;
@@ -91,6 +93,8 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref) {
     closeMediaInsertPicker: function closeMediaInsertPicker() {
       _closeMediaInsertPicker();
       focusEditor();
-    }
+    },
+    insertMediaSingle: insertMediaSingle,
+    insertExternalMediaSingle: insertExternalMediaSingle
   })));
 };

package/dist/esm/ui/useAnalyticsEvents.js

@@ -1,38 +1,54 @@
 import React from 'react';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export function useAnalyticsEvents(dispatchAnalyticsEvent) {
-  var onUploadAnalytics = React.useCallback(function () {
+  var onUploadButtonClickedAnalytics = React.useCallback(function () {
     dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
       action: ACTION.CLICKED,
       actionSubject: ACTION_SUBJECT.BUTTON,
-      actionSubjectId: ACTION_SUBJECT_ID.UPLOAD_MEDIA_FROM_URL,
+      actionSubjectId: ACTION_SUBJECT_ID.UPLOAD_MEDIA,
       eventType: EVENT_TYPE.UI
     });
   }, [dispatchAnalyticsEvent]);
-  var onUploadSuccessAnalytics = React.useCallback(function () {
+  var onUploadCommencedAnalytics = React.useCallback(function (mediaUploadSource) {
+    dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
+      action: ACTION.UPLOAD_COMMENCED,
+      actionSubject: ACTION_SUBJECT.MEDIA,
+      actionSubjectId: ACTION_SUBJECT_ID.UPLOAD_MEDIA,
+      eventType: EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        mediaUploadSource: mediaUploadSource
+      }
+    });
+  }, [dispatchAnalyticsEvent]);
+  var onUploadSuccessAnalytics = React.useCallback(function (mediaUploadSource) {
     dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
       action: ACTION.UPLOAD_SUCCEEDED,
       actionSubject: ACTION_SUBJECT.MEDIA,
-      actionSubjectId: ACTION_SUBJECT_ID.UPLOAD_MEDIA_FROM_URL,
-      eventType: EVENT_TYPE.OPERATIONAL
+      actionSubjectId: ACTION_SUBJECT_ID.UPLOAD_MEDIA,
+      eventType: EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        mediaUploadSource: mediaUploadSource
+      }
     });
   }, [dispatchAnalyticsEvent]);
-  var onUploadFailureAnalytics = React.useCallback(function (reason) {
+  var onUploadFailureAnalytics = React.useCallback(function (reason, mediaUploadSource) {
     dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
       action: ACTION.UPLOAD_FAILED,
       actionSubject: ACTION_SUBJECT.MEDIA,
-      actionSubjectId: ACTION_SUBJECT_ID.UPLOAD_MEDIA_FROM_URL,
+      actionSubjectId: ACTION_SUBJECT_ID.UPLOAD_MEDIA,
       eventType: EVENT_TYPE.OPERATIONAL,
       attributes: {
-        reason: reason
+        reason: reason,
+        mediaUploadSource: mediaUploadSource
       }
     });
   }, [dispatchAnalyticsEvent]);
   return React.useMemo(function () {
     return {
-      onUploadAnalytics: onUploadAnalytics,
+      onUploadButtonClickedAnalytics: onUploadButtonClickedAnalytics,
+      onUploadCommencedAnalytics: onUploadCommencedAnalytics,
       onUploadSuccessAnalytics: onUploadSuccessAnalytics,
       onUploadFailureAnalytics: onUploadFailureAnalytics
     };
-  }, [onUploadAnalytics, onUploadSuccessAnalytics, onUploadFailureAnalytics]);
+  }, [onUploadButtonClickedAnalytics, onUploadCommencedAnalytics, onUploadSuccessAnalytics, onUploadFailureAnalytics]);
 }

package/dist/types/types.d.ts

@@ -1,17 +1,30 @@
+import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import type { Providers } from '@atlaskit/editor-common/provider-factory';
 import type { NextEditorPlugin, OptionalPlugin, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
+import { type MediaState } from '@atlaskit/editor-plugin-media/types';
 export type MediaInsertPluginState = {
     isOpen?: boolean;
 };
+export type InsertMediaSingle = (props: {
+    mediaState: MediaState;
+    inputMethod: InputMethodInsertMedia;
+}) => boolean;
 export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     dependencies: [OptionalPlugin<AnalyticsPlugin>, MediaPlugin];
     sharedState: MediaInsertPluginState;
 }>;
+export type InsertExternalMediaSingle = (props: {
+    url: string;
+    alt: string;
+    inputMethod: InputMethodInsertMedia;
+}) => boolean;
 export type MediaInsertPickerProps = Pick<UiComponentFactoryParams, 'editorView' | 'dispatchAnalyticsEvent' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'> & {
     api?: ExtractInjectionAPI<MediaInsertPlugin>;
     closeMediaInsertPicker: () => void;
     mediaProvider?: Providers['mediaProvider'];
+    insertMediaSingle: InsertMediaSingle;
+    insertExternalMediaSingle: InsertExternalMediaSingle;
 };

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import { type InsertMediaSingle } from '../types';
+type Props = {
+    mediaProvider: MediaProvider;
+    onInsert: InsertMediaSingle;
+    onClose: () => void;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+};
+export declare const LocalMedia: ({ mediaProvider, onInsert, dispatchAnalyticsEvent }: Props) => JSX.Element;
+export {};

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

@@ -2,7 +2,7 @@
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { type OnInsertAttrs } from './types';
 type Props = {
-    attrs: OnInsertAttrs;
+    attrs: Required<OnInsertAttrs>;
     mediaProvider: MediaProvider;
 };
 export declare const MediaCard: ({ attrs, mediaProvider }: Props) => JSX.Element;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import { type InsertExternalMediaSingle, type InsertMediaSingle } from '../types';
+type Props = {
+    mediaProvider: MediaProvider;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    closeMediaInsertPicker: () => void;
+    insertMediaSingle: InsertMediaSingle;
+    insertExternalMediaSingle: InsertExternalMediaSingle;
+};
+export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): JSX.Element;
+export {};

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

@@ -1,8 +1,13 @@
 /// <reference types="react" />
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-export declare const MediaInsertContent: ({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, }: {
+import { type InsertExternalMediaSingle, type InsertMediaSingle } from '../types';
+type Props = {
     mediaProvider: MediaProvider;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     closeMediaInsertPicker: () => void;
-}) => JSX.Element;
+    insertMediaSingle: InsertMediaSingle;
+    insertExternalMediaSingle: InsertExternalMediaSingle;
+};
+export declare const MediaInsertContent: ({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props) => JSX.Element;
+export {};

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

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

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

@@ -1,7 +1,8 @@
 export type OnInsertAttrs = {
     id: string;
     collection: string | undefined;
-    height: number;
-    width: number;
+    height?: number;
+    width?: number;
     occurrenceKey: string | undefined;
+    fileMimeType: string;
 };

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

@@ -1,6 +1,9 @@
 import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+type Source = 'local' | 'url';
 export declare function useAnalyticsEvents(dispatchAnalyticsEvent?: DispatchAnalyticsEvent): {
-    onUploadAnalytics: () => void;
-    onUploadSuccessAnalytics: () => void;
-    onUploadFailureAnalytics: (reason: string) => void;
+    onUploadButtonClickedAnalytics: () => void;
+    onUploadCommencedAnalytics: (mediaUploadSource: Source) => void;
+    onUploadSuccessAnalytics: (mediaUploadSource: Source) => void;
+    onUploadFailureAnalytics: (reason: string, mediaUploadSource: Source) => void;
 };
+export {};

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

@@ -1,11 +1,17 @@
+import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import type { Providers } from '@atlaskit/editor-common/provider-factory';
 import type { NextEditorPlugin, OptionalPlugin, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
+import { type MediaState } from '@atlaskit/editor-plugin-media/types';
 export type MediaInsertPluginState = {
     isOpen?: boolean;
 };
+export type InsertMediaSingle = (props: {
+    mediaState: MediaState;
+    inputMethod: InputMethodInsertMedia;
+}) => boolean;
 export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
@@ -13,8 +19,15 @@ export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     ];
     sharedState: MediaInsertPluginState;
 }>;
+export type InsertExternalMediaSingle = (props: {
+    url: string;
+    alt: string;
+    inputMethod: InputMethodInsertMedia;
+}) => boolean;
 export type MediaInsertPickerProps = Pick<UiComponentFactoryParams, 'editorView' | 'dispatchAnalyticsEvent' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'> & {
     api?: ExtractInjectionAPI<MediaInsertPlugin>;
     closeMediaInsertPicker: () => void;
     mediaProvider?: Providers['mediaProvider'];
+    insertMediaSingle: InsertMediaSingle;
+    insertExternalMediaSingle: InsertExternalMediaSingle;
 };

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import { type InsertMediaSingle } from '../types';
+type Props = {
+    mediaProvider: MediaProvider;
+    onInsert: InsertMediaSingle;
+    onClose: () => void;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+};
+export declare const LocalMedia: ({ mediaProvider, onInsert, dispatchAnalyticsEvent }: Props) => JSX.Element;
+export {};

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

@@ -2,7 +2,7 @@
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { type OnInsertAttrs } from './types';
 type Props = {
-    attrs: OnInsertAttrs;
+    attrs: Required<OnInsertAttrs>;
     mediaProvider: MediaProvider;
 };
 export declare const MediaCard: ({ attrs, mediaProvider }: Props) => JSX.Element;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import { type InsertExternalMediaSingle, type InsertMediaSingle } from '../types';
+type Props = {
+    mediaProvider: MediaProvider;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    closeMediaInsertPicker: () => void;
+    insertMediaSingle: InsertMediaSingle;
+    insertExternalMediaSingle: InsertExternalMediaSingle;
+};
+export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): JSX.Element;
+export {};

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

@@ -1,8 +1,13 @@
 /// <reference types="react" />
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-export declare const MediaInsertContent: ({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, }: {
+import { type InsertExternalMediaSingle, type InsertMediaSingle } from '../types';
+type Props = {
     mediaProvider: MediaProvider;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     closeMediaInsertPicker: () => void;
-}) => JSX.Element;
+    insertMediaSingle: InsertMediaSingle;
+    insertExternalMediaSingle: InsertExternalMediaSingle;
+};
+export declare const MediaInsertContent: ({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props) => JSX.Element;
+export {};

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

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

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

@@ -1,7 +1,8 @@
 export type OnInsertAttrs = {
     id: string;
     collection: string | undefined;
-    height: number;
-    width: number;
+    height?: number;
+    width?: number;
     occurrenceKey: string | undefined;
+    fileMimeType: string;
 };

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

@@ -1,6 +1,9 @@
 import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+type Source = 'local' | 'url';
 export declare function useAnalyticsEvents(dispatchAnalyticsEvent?: DispatchAnalyticsEvent): {
-    onUploadAnalytics: () => void;
-    onUploadSuccessAnalytics: () => void;
-    onUploadFailureAnalytics: (reason: string) => void;
+    onUploadButtonClickedAnalytics: () => void;
+    onUploadCommencedAnalytics: (mediaUploadSource: Source) => void;
+    onUploadSuccessAnalytics: (mediaUploadSource: Source) => void;
+    onUploadFailureAnalytics: (reason: string, mediaUploadSource: Source) => void;
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media-insert",
-	"version": "2.1.2",
+	"version": "2.3.0",
 	"description": "Media Insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -25,15 +25,16 @@
 	},
 	"dependencies": {
 		"@atlaskit/button": "^20.1.0",
-		"@atlaskit/editor-common": "^88.2.0",
+		"@atlaskit/editor-common": "^88.4.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-media": "^1.29.0",
 		"@atlaskit/editor-prosemirror": "5.0.1",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/icon": "^22.15.0",
-		"@atlaskit/media-card": "^78.1.0",
-		"@atlaskit/media-client": "^27.5.0",
-		"@atlaskit/media-client-react": "^2.1.0",
+		"@atlaskit/media-card": "^78.2.0",
+		"@atlaskit/media-client": "^27.6.0",
+		"@atlaskit/media-client-react": "^2.2.0",
+		"@atlaskit/media-picker": "^66.4.0",
 		"@atlaskit/primitives": "^12.0.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/tabs": "^16.4.0",

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import { type OnInsertAttrs } from './types';
-type Props = {
-    mediaProvider: MediaProvider;
-    onInsert: (attrs: OnInsertAttrs) => void;
-    onExternalInsert: (url: string) => void;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    closeMediaInsertPicker: () => void;
-};
-export declare function MediaFromURL({ mediaProvider, onInsert, onExternalInsert, dispatchAnalyticsEvent, closeMediaInsertPicker, }: Props): JSX.Element;
-export {};

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import { type OnInsertAttrs } from './types';
-type Props = {
-    mediaProvider: MediaProvider;
-    onInsert: (attrs: OnInsertAttrs) => void;
-    onExternalInsert: (url: string) => void;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    closeMediaInsertPicker: () => void;
-};
-export declare function MediaFromURL({ mediaProvider, onInsert, onExternalInsert, dispatchAnalyticsEvent, closeMediaInsertPicker, }: Props): JSX.Element;
-export {};