@atlaskit/editor-plugin-media 1.32.1 → 1.33.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-media
 
+## 1.33.0
+
+### Minor Changes
+
+- [#145463](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145463)
+  [`d63935e60e04b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d63935e60e04b) -
+  [ux] ED-24924 Fix media preview broken for external images
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.32.2
+
+### Patch Changes
+
+- [#144324](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144324)
+  [`28ccc12f4b59f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/28ccc12f4b59f) -
+  Cleanup LD FF for Add comment button in the media toolbar
+
 ## 1.32.1
 
 ### Patch Changes

package/dist/cjs/toolbar/index.js

@@ -203,7 +203,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     var widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width;
     var isChangingLayoutDisabled = false;
     var selectedNode = (0, _utils2.getSelectedMediaSingle)(state);
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience')) {
+    if ((0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')) {
       var _widthPlugin$sharedSt;
       var contentWidth = widthPlugin === null || widthPlugin === void 0 || (_widthPlugin$sharedSt = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt === void 0 ? void 0 : _widthPlugin$sharedSt.lineLength;
       var selectedNodeMaxWidth = pluginState.currentMaxWidth || contentWidth;
@@ -290,7 +290,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     // Pixel Entry Toolbar Support
     var selection = state.selection;
     var isWithinTable = (0, _utils.hasParentNodeOfType)([state.schema.nodes.table])(selection);
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') && allowResizing && (!isWithinTable || allowResizingInTables === true)) {
+    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')) {
       var selectedMediaSingleNode = (0, _utils2.getSelectedMediaSingle)(state);
       var sizeInput = {
         type: 'custom',
@@ -388,8 +388,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         type: 'separator'
       });
     }
-    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia && allowCommentsOnMedia && (!isViewOnly || isViewOnly && (0, _platformFeatureFlags.getBooleanFF)('platform.editor.live-view.comments-in-media-toolbar-button')) //This is required until this fix is merged: https://product-fabric.atlassian.net/browse/ED-23180
-    ) {
+    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia && allowCommentsOnMedia) {
       toolbarButtons.push((0, _comments.commentButton)(intl, state, pluginInjectionApi), {
         type: 'separator',
         supportsViewMode: true
@@ -601,7 +600,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
     scrollable: true,
     mediaAssistiveMessage: assistiveMessage
   });
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') && allowResizing) {
+  if (allowResizing && (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')) {
     return _objectSpread(_objectSpread({}, toolbarConfig), {}, {
       width: mediaPluginState.isResizing ? undefined : (0, _utils2.getMaxToolbarWidth)()
     });

package/dist/cjs/toolbar/utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeMediaGroupNode = exports.getSelectedNearestMediaContainerNodeAttrs = exports.getSelectedMediaSingle = exports.getSelectedLayoutIcon = exports.getPixelWidthOfElement = exports.getMaxToolbarWidth = exports.downloadMedia = exports.canShowSwitchButtons = exports.calcNewLayout = void 0;
+exports.removeMediaGroupNode = exports.isExternalMedia = exports.getSelectedNearestMediaContainerNodeAttrs = exports.getSelectedMediaSingle = exports.getSelectedLayoutIcon = exports.getPixelWidthOfElement = exports.getMaxToolbarWidth = exports.downloadMedia = exports.canShowSwitchButtons = exports.calcNewLayout = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
@@ -14,6 +14,9 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaSingle2 = require("../utils/media-single");
+var isExternalMedia = exports.isExternalMedia = function isExternalMedia(attrs) {
+  return attrs.type === 'external';
+};
 var getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeAttrs(mediaPluginState) {
   var _mediaPluginState$sel;
   var selectedNode = (_mediaPluginState$sel = mediaPluginState.selectedMediaContainerNode) === null || _mediaPluginState$sel === void 0 ? void 0 : _mediaPluginState$sel.call(mediaPluginState);
@@ -46,7 +49,7 @@ var downloadMedia = exports.downloadMedia = /*#__PURE__*/function () {
         case 0:
           _context.prev = 0;
           selectedNodeAttrs = isViewMode ? getSelectedNearestMediaContainerNodeAttrs(mediaPluginState) : getSelectedMediaContainerNodeAttrs(mediaPluginState);
-          if (!(selectedNodeAttrs && mediaPluginState.mediaClientConfig)) {
+          if (!(selectedNodeAttrs && mediaPluginState.mediaClientConfig && !isExternalMedia(selectedNodeAttrs))) {
             _context.next = 10;
             break;
           }

package/dist/cjs/ui/MediaViewer/PortalWrapper.js

@@ -8,13 +8,44 @@ exports.RenderMediaViewer = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _mediaViewer = require("@atlaskit/media-viewer");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _utils = require("../../toolbar/utils");
+var getIdentifier = function getIdentifier(attrs) {
+  if ((0, _utils.isExternalMedia)(attrs)) {
+    return {
+      mediaItemType: 'external-image',
+      dataURI: attrs.url
+    };
+  } else {
+    var id = attrs.id,
+      _attrs$collection = attrs.collection,
+      collection = _attrs$collection === void 0 ? '' : _attrs$collection;
+    return {
+      id: id,
+      mediaItemType: 'file',
+      collectionName: collection
+    };
+  }
+};
 var RenderMediaViewer = exports.RenderMediaViewer = function RenderMediaViewer(_ref) {
   var mediaClientConfig = _ref.mediaClientConfig,
     onClose = _ref.onClose,
     selectedNodeAttrs = _ref.selectedNodeAttrs;
-  var id = selectedNodeAttrs.id,
-    _selectedNodeAttrs$co = selectedNodeAttrs.collection,
-    collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
+  if ((0, _experiments.editorExperiment)('add-media-from-url', true)) {
+    var _identifier = getIdentifier(selectedNodeAttrs);
+    var collectionName = (0, _utils.isExternalMedia)(selectedNodeAttrs) ? '' : selectedNodeAttrs.collection;
+    return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
+      collectionName: collectionName,
+      items: [],
+      mediaClientConfig: mediaClientConfig,
+      selectedItem: _identifier,
+      onClose: onClose
+    }), document.body);
+  }
+  var _ref2 = selectedNodeAttrs,
+    id = _ref2.id,
+    _ref2$collection = _ref2.collection,
+    collection = _ref2$collection === void 0 ? '' : _ref2$collection;
   var identifier = {
     id: id,
     mediaItemType: 'file',

package/dist/es2019/toolbar/index.js

@@ -12,7 +12,7 @@ import DownloadIcon from '@atlaskit/icon/glyph/download';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
 import { messages } from '@atlaskit/media-ui';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { showLinkingToolbar } from '../commands/linking';
 import { MediaSingleNodeSelector } from '../nodeviews/styles';
 import { getPluginState as getMediaAltTextPluginState } from '../pm-plugins/alt-text';
@@ -196,7 +196,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
     const widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width;
     let isChangingLayoutDisabled = false;
     const selectedNode = getSelectedMediaSingle(state);
-    if (getBooleanFF('platform.editor.media.extended-resize-experience')) {
+    if (fg('platform.editor.media.extended-resize-experience')) {
       var _widthPlugin$sharedSt;
       const contentWidth = widthPlugin === null || widthPlugin === void 0 ? void 0 : (_widthPlugin$sharedSt = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt === void 0 ? void 0 : _widthPlugin$sharedSt.lineLength;
       const selectedNodeMaxWidth = pluginState.currentMaxWidth || contentWidth;
@@ -281,7 +281,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
       selection
     } = state;
     const isWithinTable = hasParentNodeOfType([state.schema.nodes.table])(selection);
-    if (getBooleanFF('platform.editor.media.extended-resize-experience') && allowResizing && (!isWithinTable || allowResizingInTables === true)) {
+    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && fg('platform.editor.media.extended-resize-experience')) {
       const selectedMediaSingleNode = getSelectedMediaSingle(state);
       const sizeInput = {
         type: 'custom',
@@ -385,8 +385,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
         type: 'separator'
       });
     }
-    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia && allowCommentsOnMedia && (!isViewOnly || isViewOnly && getBooleanFF('platform.editor.live-view.comments-in-media-toolbar-button')) //This is required until this fix is merged: https://product-fabric.atlassian.net/browse/ED-23180
-    ) {
+    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia && allowCommentsOnMedia) {
       toolbarButtons.push(commentButton(intl, state, pluginInjectionApi), {
         type: 'separator',
         supportsViewMode: true
@@ -603,7 +602,7 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
     scrollable: true,
     mediaAssistiveMessage: assistiveMessage
   };
-  if (getBooleanFF('platform.editor.media.extended-resize-experience') && allowResizing) {
+  if (allowResizing && fg('platform.editor.media.extended-resize-experience')) {
     return {
       ...toolbarConfig,
       width: mediaPluginState.isResizing ? undefined : getMaxToolbarWidth()

package/dist/es2019/toolbar/utils.js

@@ -5,6 +5,9 @@ import { findParentNodeOfType, findSelectedNodeOfType, removeParentNodeOfType, r
 import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getMediaClient } from '@atlaskit/media-client-react';
 import { isVideo } from '../utils/media-single';
+export const isExternalMedia = attrs => {
+  return attrs.type === 'external';
+};
 const getSelectedMediaContainerNodeAttrs = mediaPluginState => {
   var _mediaPluginState$sel;
   const selectedNode = (_mediaPluginState$sel = mediaPluginState.selectedMediaContainerNode) === null || _mediaPluginState$sel === void 0 ? void 0 : _mediaPluginState$sel.call(mediaPluginState);
@@ -32,7 +35,7 @@ export const getSelectedNearestMediaContainerNodeAttrs = mediaPluginState => {
 export const downloadMedia = async (mediaPluginState, isViewMode) => {
   try {
     const selectedNodeAttrs = isViewMode ? getSelectedNearestMediaContainerNodeAttrs(mediaPluginState) : getSelectedMediaContainerNodeAttrs(mediaPluginState);
-    if (selectedNodeAttrs && mediaPluginState.mediaClientConfig) {
+    if (selectedNodeAttrs && mediaPluginState.mediaClientConfig && !isExternalMedia(selectedNodeAttrs)) {
       const {
         id,
         collection = ''

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

@@ -1,11 +1,42 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { MediaViewer } from '@atlaskit/media-viewer';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { isExternalMedia } from '../../toolbar/utils';
+const getIdentifier = attrs => {
+  if (isExternalMedia(attrs)) {
+    return {
+      mediaItemType: 'external-image',
+      dataURI: attrs.url
+    };
+  } else {
+    const {
+      id,
+      collection = ''
+    } = attrs;
+    return {
+      id,
+      mediaItemType: 'file',
+      collectionName: collection
+    };
+  }
+};
 export const RenderMediaViewer = ({
   mediaClientConfig,
   onClose,
   selectedNodeAttrs
 }) => {
+  if (editorExperiment('add-media-from-url', true)) {
+    const identifier = getIdentifier(selectedNodeAttrs);
+    const collectionName = isExternalMedia(selectedNodeAttrs) ? '' : selectedNodeAttrs.collection;
+    return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
+      collectionName: collectionName,
+      items: [],
+      mediaClientConfig: mediaClientConfig,
+      selectedItem: identifier,
+      onClose: onClose
+    }), document.body);
+  }
   const {
     id,
     collection = ''

package/dist/esm/toolbar/index.js

@@ -16,7 +16,7 @@ import DownloadIcon from '@atlaskit/icon/glyph/download';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
 import { messages } from '@atlaskit/media-ui';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { showLinkingToolbar } from '../commands/linking';
 import { MediaSingleNodeSelector } from '../nodeviews/styles';
 import { getPluginState as getMediaAltTextPluginState } from '../pm-plugins/alt-text';
@@ -193,7 +193,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     var widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width;
     var isChangingLayoutDisabled = false;
     var selectedNode = getSelectedMediaSingle(state);
-    if (getBooleanFF('platform.editor.media.extended-resize-experience')) {
+    if (fg('platform.editor.media.extended-resize-experience')) {
       var _widthPlugin$sharedSt;
       var contentWidth = widthPlugin === null || widthPlugin === void 0 || (_widthPlugin$sharedSt = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt === void 0 ? void 0 : _widthPlugin$sharedSt.lineLength;
       var selectedNodeMaxWidth = pluginState.currentMaxWidth || contentWidth;
@@ -280,7 +280,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     // Pixel Entry Toolbar Support
     var selection = state.selection;
     var isWithinTable = hasParentNodeOfType([state.schema.nodes.table])(selection);
-    if (getBooleanFF('platform.editor.media.extended-resize-experience') && allowResizing && (!isWithinTable || allowResizingInTables === true)) {
+    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && fg('platform.editor.media.extended-resize-experience')) {
       var selectedMediaSingleNode = getSelectedMediaSingle(state);
       var sizeInput = {
         type: 'custom',
@@ -378,8 +378,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         type: 'separator'
       });
     }
-    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia && allowCommentsOnMedia && (!isViewOnly || isViewOnly && getBooleanFF('platform.editor.live-view.comments-in-media-toolbar-button')) //This is required until this fix is merged: https://product-fabric.atlassian.net/browse/ED-23180
-    ) {
+    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia && allowCommentsOnMedia) {
       toolbarButtons.push(commentButton(intl, state, pluginInjectionApi), {
         type: 'separator',
         supportsViewMode: true
@@ -591,7 +590,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     scrollable: true,
     mediaAssistiveMessage: assistiveMessage
   });
-  if (getBooleanFF('platform.editor.media.extended-resize-experience') && allowResizing) {
+  if (allowResizing && fg('platform.editor.media.extended-resize-experience')) {
     return _objectSpread(_objectSpread({}, toolbarConfig), {}, {
       width: mediaPluginState.isResizing ? undefined : getMaxToolbarWidth()
     });

package/dist/esm/toolbar/utils.js

@@ -7,6 +7,9 @@ import { findParentNodeOfType, findSelectedNodeOfType, removeParentNodeOfType, r
 import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getMediaClient } from '@atlaskit/media-client-react';
 import { isVideo } from '../utils/media-single';
+export var isExternalMedia = function isExternalMedia(attrs) {
+  return attrs.type === 'external';
+};
 var getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeAttrs(mediaPluginState) {
   var _mediaPluginState$sel;
   var selectedNode = (_mediaPluginState$sel = mediaPluginState.selectedMediaContainerNode) === null || _mediaPluginState$sel === void 0 ? void 0 : _mediaPluginState$sel.call(mediaPluginState);
@@ -39,7 +42,7 @@ export var downloadMedia = /*#__PURE__*/function () {
         case 0:
           _context.prev = 0;
           selectedNodeAttrs = isViewMode ? getSelectedNearestMediaContainerNodeAttrs(mediaPluginState) : getSelectedMediaContainerNodeAttrs(mediaPluginState);
-          if (!(selectedNodeAttrs && mediaPluginState.mediaClientConfig)) {
+          if (!(selectedNodeAttrs && mediaPluginState.mediaClientConfig && !isExternalMedia(selectedNodeAttrs))) {
             _context.next = 10;
             break;
           }

package/dist/esm/ui/MediaViewer/PortalWrapper.js

@@ -1,13 +1,44 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { MediaViewer } from '@atlaskit/media-viewer';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { isExternalMedia } from '../../toolbar/utils';
+var getIdentifier = function getIdentifier(attrs) {
+  if (isExternalMedia(attrs)) {
+    return {
+      mediaItemType: 'external-image',
+      dataURI: attrs.url
+    };
+  } else {
+    var id = attrs.id,
+      _attrs$collection = attrs.collection,
+      collection = _attrs$collection === void 0 ? '' : _attrs$collection;
+    return {
+      id: id,
+      mediaItemType: 'file',
+      collectionName: collection
+    };
+  }
+};
 export var RenderMediaViewer = function RenderMediaViewer(_ref) {
   var mediaClientConfig = _ref.mediaClientConfig,
     onClose = _ref.onClose,
     selectedNodeAttrs = _ref.selectedNodeAttrs;
-  var id = selectedNodeAttrs.id,
-    _selectedNodeAttrs$co = selectedNodeAttrs.collection,
-    collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
+  if (editorExperiment('add-media-from-url', true)) {
+    var _identifier = getIdentifier(selectedNodeAttrs);
+    var collectionName = isExternalMedia(selectedNodeAttrs) ? '' : selectedNodeAttrs.collection;
+    return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
+      collectionName: collectionName,
+      items: [],
+      mediaClientConfig: mediaClientConfig,
+      selectedItem: _identifier,
+      onClose: onClose
+    }), document.body);
+  }
+  var _ref2 = selectedNodeAttrs,
+    id = _ref2.id,
+    _ref2$collection = _ref2.collection,
+    collection = _ref2$collection === void 0 ? '' : _ref2$collection;
   var identifier = {
     id: id,
     mediaItemType: 'file',

package/dist/types/toolbar/utils.d.ts

@@ -1,11 +1,12 @@
-import type { MediaBaseAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
+import type { ExternalMediaAttributes, MediaADFAttrs, RichMediaLayout } from '@atlaskit/adf-schema';
 import type { LayoutIcon } from '@atlaskit/editor-common/card';
 import type { Node as ProseMirrorNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaPluginState } from '../pm-plugins/types';
-export declare const getSelectedNearestMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaBaseAttributes | null;
+export declare const isExternalMedia: (attrs: MediaADFAttrs) => attrs is ExternalMediaAttributes;
+export declare const getSelectedNearestMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaADFAttrs | null;
 export declare const downloadMedia: (mediaPluginState: MediaPluginState, isViewMode?: boolean) => Promise<boolean>;
 export declare const removeMediaGroupNode: (state: EditorState) => import("prosemirror-state").Transaction;
 export declare const getSelectedMediaSingle: (state: EditorState) => ReturnType<ReturnType<typeof findSelectedNodeOfType>> | ReturnType<ReturnType<typeof findParentNodeOfType>>;

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type MediaBaseAttributes } from '@atlaskit/adf-schema';
+import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { MediaClientConfig } from '@atlaskit/media-client';
 interface RenderMediaViewerProps {
     mediaClientConfig: MediaClientConfig;
     onClose: () => void;
-    selectedNodeAttrs: MediaBaseAttributes;
+    selectedNodeAttrs: MediaADFAttrs;
 }
 export declare const RenderMediaViewer: ({ mediaClientConfig, onClose, selectedNodeAttrs, }: RenderMediaViewerProps) => React.ReactPortal;
 export {};

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

@@ -1,11 +1,12 @@
-import type { MediaBaseAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
+import type { ExternalMediaAttributes, MediaADFAttrs, RichMediaLayout } from '@atlaskit/adf-schema';
 import type { LayoutIcon } from '@atlaskit/editor-common/card';
 import type { Node as ProseMirrorNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaPluginState } from '../pm-plugins/types';
-export declare const getSelectedNearestMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaBaseAttributes | null;
+export declare const isExternalMedia: (attrs: MediaADFAttrs) => attrs is ExternalMediaAttributes;
+export declare const getSelectedNearestMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaADFAttrs | null;
 export declare const downloadMedia: (mediaPluginState: MediaPluginState, isViewMode?: boolean) => Promise<boolean>;
 export declare const removeMediaGroupNode: (state: EditorState) => import("prosemirror-state").Transaction;
 export declare const getSelectedMediaSingle: (state: EditorState) => ReturnType<ReturnType<typeof findSelectedNodeOfType>> | ReturnType<ReturnType<typeof findParentNodeOfType>>;

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type MediaBaseAttributes } from '@atlaskit/adf-schema';
+import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { MediaClientConfig } from '@atlaskit/media-client';
 interface RenderMediaViewerProps {
     mediaClientConfig: MediaClientConfig;
     onClose: () => void;
-    selectedNodeAttrs: MediaBaseAttributes;
+    selectedNodeAttrs: MediaADFAttrs;
 }
 export declare const RenderMediaViewer: ({ mediaClientConfig, onClose, selectedNodeAttrs, }: RenderMediaViewerProps) => React.ReactPortal;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "1.32.1",
+	"version": "1.33.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,8 +35,8 @@
 		"@atlaskit/adf-schema": "^40.9.0",
 		"@atlaskit/analytics-namespaced-context": "^6.12.0",
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/button": "^20.1.0",
-		"@atlaskit/editor-common": "^91.0.0",
+		"@atlaskit/button": "^20.2.0",
+		"@atlaskit/editor-common": "^91.1.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-annotation": "1.19.8",
@@ -50,15 +50,15 @@
 		"@atlaskit/editor-plugin-selection": "^1.4.0",
 		"@atlaskit/editor-plugin-width": "^1.3.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
-		"@atlaskit/editor-shared-styles": "^2.13.0",
+		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/media-card": "^78.5.0",
 		"@atlaskit/media-client": "^28.0.0",
 		"@atlaskit/media-client-react": "^2.2.0",
-		"@atlaskit/media-common": "^11.4.0",
-		"@atlaskit/media-filmstrip": "^47.3.0",
+		"@atlaskit/media-common": "^11.5.0",
+		"@atlaskit/media-filmstrip": "^47.4.0",
 		"@atlaskit/media-picker": "^66.7.0",
 		"@atlaskit/media-ui": "^25.15.0",
 		"@atlaskit/media-viewer": "^48.10.0",
@@ -132,9 +132,6 @@
 			"type": "boolean",
 			"referenceOnly": "true"
 		},
-		"platform.editor.live-view.comments-in-media-toolbar-button": {
-			"type": "boolean"
-		},
 		"platform.editor.live-view.disable-editing-in-view-mode_fi1rx": {
 			"type": "boolean"
 		},