@atlaskit/editor-plugin-media 15.0.4 → 16.0.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-media
 
+## 16.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.1.0
+
+### Minor Changes
+
+- [`8043a37357f34`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8043a37357f34) -
+  Added an `isCWR` prop to the media `Card`/`FileCard`. When set, the AI-generating loading state
+  renders an opaque `elevation.surface.sunken` overlay (instead of the translucent blanket) so the
+  generic media type icon isn't shown while a create-with-Rovo infographic streams in. Behaviour is
+  gated by the `aifc_page_create_with_rovo_include_infographics` experiment.
+
+  ```tsx
+  <FileCard identifier={identifier} isAIGenerating isCWR />
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.0.4
 
 ### Patch Changes

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

@@ -166,7 +166,8 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
           onExternalImageLoaded: _this.onExternalImageLoaded,
           isViewOnly: ((_this$reactComponentP = _this.reactComponentProps.pluginInjectionApi) === null || _this$reactComponentP === void 0 || (_this$reactComponentP = _this$reactComponentP.editorViewMode) === null || _this$reactComponentP === void 0 || (_this$reactComponentP = _this$reactComponentP.sharedState.currentState()) === null || _this$reactComponentP === void 0 ? void 0 : _this$reactComponentP.mode) === 'view',
           pluginInjectionApi: _this.reactComponentProps.pluginInjectionApi,
-          isAIGenerating: _this.isAIGenerating
+          isAIGenerating: _this.isAIGenerating,
+          isCwrAIGenerating: _this.aiGeneratingSource === 'cwr'
         });
       };
     });
@@ -254,9 +255,11 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         this.isSelected = hasMediaNodeSelectedDecoration;
         return true;
       }
-      var aiGenerating = (0, _aiGeneratingDecoration.hasAIGeneratingDecoration)(decorations);
-      if (this.isAIGenerating !== aiGenerating) {
+      var aiGeneratingSource = (0, _aiGeneratingDecoration.getAIGeneratingDecorationSource)(decorations);
+      var aiGenerating = aiGeneratingSource !== undefined;
+      if (this.isAIGenerating !== aiGenerating || this.aiGeneratingSource !== aiGeneratingSource) {
         this.isAIGenerating = aiGenerating;
+        this.aiGeneratingSource = aiGeneratingSource;
         return true;
       }
       if (this.node.attrs !== nextNode.attrs) {

package/dist/cjs/nodeviews/mediaNodeView/media.js

@@ -191,7 +191,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
     value: function shouldComponentUpdate(nextProps, nextState) {
       var hasNewViewMediaClientConfig = !this.state.viewMediaClientConfig && nextState.viewMediaClientConfig;
       var hasNewViewAndUploadMediaClientConfig = !this.state.viewAndUploadMediaClientConfig && nextState.viewAndUploadMediaClientConfig;
-      if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.isViewOnly !== nextProps.isViewOnly || this.props.mediaProvider !== nextProps.mediaProvider || this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
+      if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.isCwrAIGenerating !== nextProps.isCwrAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.isViewOnly !== nextProps.isViewOnly || this.props.mediaProvider !== nextProps.mediaProvider || this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
         return true;
       }
       return false;
@@ -382,6 +382,11 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
         }
       };
       var ssr = process.env.REACT_SSR ? 'server' : 'client';
+
+      // CWR (create-with-Rovo) infographics get a distinct loading treatment so the
+      // generic media type icon isn't shown while the image streams in. Gated on the
+      // existing infographics experiment.
+      var isCWR = !!this.props.isCwrAIGenerating && (0, _expValEquals.expValEquals)('aifc_page_create_with_rovo_include_infographics', 'isEnabled', true);
       return /*#__PURE__*/_react.default.createElement(_styles.MediaCardWrapper, {
         dimensions: originalDimensions,
         onContextMenu: this.selectMediaSingle,
@@ -416,6 +421,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
         ssr: ssr,
         mediaSettings: this.getMediaSettings(viewAndUploadMediaClientConfig, this.props.isViewOnly),
         isAIGenerating: !!this.props.isAIGenerating,
+        isCWR: isCWR,
         onPreviewRender: this.onPreviewRender,
         fallbackMediaNameFetcher: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.fallbackMediaNameFetcher,
         onError: (0, _expValEquals.expValEquals)('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined

package/dist/cjs/pm-plugins/ai-generating-decoration.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.aiGeneratingDecorationPluginKey = void 0;
 exports.clearAIGeneratingMeta = clearAIGeneratingMeta;
 exports.createAIGeneratingDecorationPlugin = createAIGeneratingDecorationPlugin;
+exports.getAIGeneratingDecorationSource = getAIGeneratingDecorationSource;
 exports.hasAIGeneratingDecoration = hasAIGeneratingDecoration;
 exports.setAIGeneratingMeta = setAIGeneratingMeta;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -58,13 +59,14 @@ function buildDecorationSet(doc, targetIds) {
       return;
     }
     var wrapperLocalId = parent === null || parent === void 0 || (_parent$attrs = parent.attrs) === null || _parent$attrs === void 0 ? void 0 : _parent$attrs.localId;
-    var matches = wrapperLocalId && targetIds.has(wrapperLocalId) || node.attrs.localId && targetIds.has(node.attrs.localId) || targetIds.has(node.attrs.id);
-    if (matches) {
+    var source = wrapperLocalId && targetIds.get(wrapperLocalId) || node.attrs.localId && targetIds.get(node.attrs.localId) || targetIds.get(node.attrs.id);
+    if (source) {
       decorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {},
       // no DOM attrs needed — the NodeView reads the decoration spec
       {
         type: AI_GENERATING_DECORATION_TYPE,
-        mediaId: node.attrs.id
+        mediaId: node.attrs.id,
+        source: source
       }));
     }
   });
@@ -84,6 +86,18 @@ function hasAIGeneratingDecoration(decorations) {
   });
 }
 
+/**
+ * Returns the `source` of the AI-generating decoration present on the given
+ * decorations array, or `undefined` if there is none. Lets a NodeView vary its
+ * rendering by which flow (e.g. `'cwr'`) triggered the generating state.
+ */
+function getAIGeneratingDecorationSource(decorations) {
+  var _decorations$find;
+  return (_decorations$find = decorations.find(function (d) {
+    return d.spec.type === AI_GENERATING_DECORATION_TYPE;
+  })) === null || _decorations$find === void 0 ? void 0 : _decorations$find.spec.source;
+}
+
 /**
  * Dispatch a transaction that sets the AI-generating decoration on a media
  * node identified by `mediaId`.

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

@@ -8,7 +8,7 @@ import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorCalculatedWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getAttrsFromUrl } from '@atlaskit/media-client';
-import { hasAIGeneratingDecoration } from '../../pm-plugins/ai-generating-decoration';
+import { getAIGeneratingDecorationSource } from '../../pm-plugins/ai-generating-decoration';
 import { updateCurrentMediaNodeAttrs } from '../../pm-plugins/commands/helpers';
 import { isMediaBlobUrlFromAttrs } from '../../pm-plugins/utils/media-common';
 import { MediaSSRReactContextsProvider } from '../../ui/MediaSSRReactContextsProvider';
@@ -155,7 +155,8 @@ class MediaNodeView extends SelectionBasedNodeView {
           onExternalImageLoaded: this.onExternalImageLoaded,
           isViewOnly: ((_this$reactComponentP = this.reactComponentProps.pluginInjectionApi) === null || _this$reactComponentP === void 0 ? void 0 : (_this$reactComponentP2 = _this$reactComponentP.editorViewMode) === null || _this$reactComponentP2 === void 0 ? void 0 : (_this$reactComponentP3 = _this$reactComponentP2.sharedState.currentState()) === null || _this$reactComponentP3 === void 0 ? void 0 : _this$reactComponentP3.mode) === 'view',
           pluginInjectionApi: this.reactComponentProps.pluginInjectionApi,
-          isAIGenerating: this.isAIGenerating
+          isAIGenerating: this.isAIGenerating,
+          isCwrAIGenerating: this.aiGeneratingSource === 'cwr'
         });
       };
     });
@@ -234,9 +235,11 @@ class MediaNodeView extends SelectionBasedNodeView {
       this.isSelected = hasMediaNodeSelectedDecoration;
       return true;
     }
-    const aiGenerating = hasAIGeneratingDecoration(decorations);
-    if (this.isAIGenerating !== aiGenerating) {
+    const aiGeneratingSource = getAIGeneratingDecorationSource(decorations);
+    const aiGenerating = aiGeneratingSource !== undefined;
+    if (this.isAIGenerating !== aiGenerating || this.aiGeneratingSource !== aiGeneratingSource) {
       this.isAIGenerating = aiGenerating;
+      this.aiGeneratingSource = aiGeneratingSource;
       return true;
     }
     if (this.node.attrs !== nextNode.attrs) {

package/dist/es2019/nodeviews/mediaNodeView/media.js

@@ -158,7 +158,7 @@ export class MediaNode extends Component {
   shouldComponentUpdate(nextProps, nextState) {
     const hasNewViewMediaClientConfig = !this.state.viewMediaClientConfig && nextState.viewMediaClientConfig;
     const hasNewViewAndUploadMediaClientConfig = !this.state.viewAndUploadMediaClientConfig && nextState.viewAndUploadMediaClientConfig;
-    if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.isViewOnly !== nextProps.isViewOnly || this.props.mediaProvider !== nextProps.mediaProvider || this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
+    if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.isCwrAIGenerating !== nextProps.isCwrAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.isViewOnly !== nextProps.isViewOnly || this.props.mediaProvider !== nextProps.mediaProvider || this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
       return true;
     }
     return false;
@@ -324,6 +324,11 @@ export class MediaNode extends Component {
       authProvider: () => ({})
     };
     const ssr = process.env.REACT_SSR ? 'server' : 'client';
+
+    // CWR (create-with-Rovo) infographics get a distinct loading treatment so the
+    // generic media type icon isn't shown while the image streams in. Gated on the
+    // existing infographics experiment.
+    const isCWR = !!this.props.isCwrAIGenerating && expValEquals('aifc_page_create_with_rovo_include_infographics', 'isEnabled', true);
     return /*#__PURE__*/React.createElement(MediaCardWrapper, {
       dimensions: originalDimensions,
       onContextMenu: this.selectMediaSingle,
@@ -360,6 +365,7 @@ export class MediaNode extends Component {
       ssr: ssr,
       mediaSettings: this.getMediaSettings(viewAndUploadMediaClientConfig, this.props.isViewOnly),
       isAIGenerating: !!this.props.isAIGenerating,
+      isCWR: isCWR,
       onPreviewRender: this.onPreviewRender,
       fallbackMediaNameFetcher: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.fallbackMediaNameFetcher,
       onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined

package/dist/es2019/pm-plugins/ai-generating-decoration.js

@@ -44,13 +44,14 @@ function buildDecorationSet(doc, targetIds) {
       return;
     }
     const wrapperLocalId = parent === null || parent === void 0 ? void 0 : (_parent$attrs = parent.attrs) === null || _parent$attrs === void 0 ? void 0 : _parent$attrs.localId;
-    const matches = wrapperLocalId && targetIds.has(wrapperLocalId) || node.attrs.localId && targetIds.has(node.attrs.localId) || targetIds.has(node.attrs.id);
-    if (matches) {
+    const source = wrapperLocalId && targetIds.get(wrapperLocalId) || node.attrs.localId && targetIds.get(node.attrs.localId) || targetIds.get(node.attrs.id);
+    if (source) {
       decorations.push(Decoration.node(pos, pos + node.nodeSize, {},
       // no DOM attrs needed — the NodeView reads the decoration spec
       {
         type: AI_GENERATING_DECORATION_TYPE,
-        mediaId: node.attrs.id
+        mediaId: node.attrs.id,
+        source
       }));
     }
   });
@@ -68,6 +69,16 @@ export function hasAIGeneratingDecoration(decorations) {
   return decorations.some(d => d.spec.type === AI_GENERATING_DECORATION_TYPE);
 }
 
+/**
+ * Returns the `source` of the AI-generating decoration present on the given
+ * decorations array, or `undefined` if there is none. Lets a NodeView vary its
+ * rendering by which flow (e.g. `'cwr'`) triggered the generating state.
+ */
+export function getAIGeneratingDecorationSource(decorations) {
+  var _decorations$find;
+  return (_decorations$find = decorations.find(d => d.spec.type === AI_GENERATING_DECORATION_TYPE)) === null || _decorations$find === void 0 ? void 0 : _decorations$find.spec.source;
+}
+
 /**
  * Dispatch a transaction that sets the AI-generating decoration on a media
  * node identified by `mediaId`.

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

@@ -21,7 +21,7 @@ import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorCalculatedWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getAttrsFromUrl } from '@atlaskit/media-client';
-import { hasAIGeneratingDecoration } from '../../pm-plugins/ai-generating-decoration';
+import { getAIGeneratingDecorationSource } from '../../pm-plugins/ai-generating-decoration';
 import { updateCurrentMediaNodeAttrs } from '../../pm-plugins/commands/helpers';
 import { isMediaBlobUrlFromAttrs } from '../../pm-plugins/utils/media-common';
 import { MediaSSRReactContextsProvider } from '../../ui/MediaSSRReactContextsProvider';
@@ -160,7 +160,8 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
           onExternalImageLoaded: _this.onExternalImageLoaded,
           isViewOnly: ((_this$reactComponentP = _this.reactComponentProps.pluginInjectionApi) === null || _this$reactComponentP === void 0 || (_this$reactComponentP = _this$reactComponentP.editorViewMode) === null || _this$reactComponentP === void 0 || (_this$reactComponentP = _this$reactComponentP.sharedState.currentState()) === null || _this$reactComponentP === void 0 ? void 0 : _this$reactComponentP.mode) === 'view',
           pluginInjectionApi: _this.reactComponentProps.pluginInjectionApi,
-          isAIGenerating: _this.isAIGenerating
+          isAIGenerating: _this.isAIGenerating,
+          isCwrAIGenerating: _this.aiGeneratingSource === 'cwr'
         });
       };
     });
@@ -248,9 +249,11 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         this.isSelected = hasMediaNodeSelectedDecoration;
         return true;
       }
-      var aiGenerating = hasAIGeneratingDecoration(decorations);
-      if (this.isAIGenerating !== aiGenerating) {
+      var aiGeneratingSource = getAIGeneratingDecorationSource(decorations);
+      var aiGenerating = aiGeneratingSource !== undefined;
+      if (this.isAIGenerating !== aiGenerating || this.aiGeneratingSource !== aiGeneratingSource) {
         this.isAIGenerating = aiGenerating;
+        this.aiGeneratingSource = aiGeneratingSource;
         return true;
       }
       if (this.node.attrs !== nextNode.attrs) {

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

@@ -183,7 +183,7 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
     value: function shouldComponentUpdate(nextProps, nextState) {
       var hasNewViewMediaClientConfig = !this.state.viewMediaClientConfig && nextState.viewMediaClientConfig;
       var hasNewViewAndUploadMediaClientConfig = !this.state.viewAndUploadMediaClientConfig && nextState.viewAndUploadMediaClientConfig;
-      if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.isViewOnly !== nextProps.isViewOnly || this.props.mediaProvider !== nextProps.mediaProvider || this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
+      if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.isCwrAIGenerating !== nextProps.isCwrAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.isViewOnly !== nextProps.isViewOnly || this.props.mediaProvider !== nextProps.mediaProvider || this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
         return true;
       }
       return false;
@@ -374,6 +374,11 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
         }
       };
       var ssr = process.env.REACT_SSR ? 'server' : 'client';
+
+      // CWR (create-with-Rovo) infographics get a distinct loading treatment so the
+      // generic media type icon isn't shown while the image streams in. Gated on the
+      // existing infographics experiment.
+      var isCWR = !!this.props.isCwrAIGenerating && expValEquals('aifc_page_create_with_rovo_include_infographics', 'isEnabled', true);
       return /*#__PURE__*/React.createElement(MediaCardWrapper, {
         dimensions: originalDimensions,
         onContextMenu: this.selectMediaSingle,
@@ -408,6 +413,7 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
         ssr: ssr,
         mediaSettings: this.getMediaSettings(viewAndUploadMediaClientConfig, this.props.isViewOnly),
         isAIGenerating: !!this.props.isAIGenerating,
+        isCWR: isCWR,
         onPreviewRender: this.onPreviewRender,
         fallbackMediaNameFetcher: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.fallbackMediaNameFetcher,
         onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined

package/dist/esm/pm-plugins/ai-generating-decoration.js

@@ -48,13 +48,14 @@ function buildDecorationSet(doc, targetIds) {
       return;
     }
     var wrapperLocalId = parent === null || parent === void 0 || (_parent$attrs = parent.attrs) === null || _parent$attrs === void 0 ? void 0 : _parent$attrs.localId;
-    var matches = wrapperLocalId && targetIds.has(wrapperLocalId) || node.attrs.localId && targetIds.has(node.attrs.localId) || targetIds.has(node.attrs.id);
-    if (matches) {
+    var source = wrapperLocalId && targetIds.get(wrapperLocalId) || node.attrs.localId && targetIds.get(node.attrs.localId) || targetIds.get(node.attrs.id);
+    if (source) {
       decorations.push(Decoration.node(pos, pos + node.nodeSize, {},
       // no DOM attrs needed — the NodeView reads the decoration spec
       {
         type: AI_GENERATING_DECORATION_TYPE,
-        mediaId: node.attrs.id
+        mediaId: node.attrs.id,
+        source: source
       }));
     }
   });
@@ -74,6 +75,18 @@ export function hasAIGeneratingDecoration(decorations) {
   });
 }
 
+/**
+ * Returns the `source` of the AI-generating decoration present on the given
+ * decorations array, or `undefined` if there is none. Lets a NodeView vary its
+ * rendering by which flow (e.g. `'cwr'`) triggered the generating state.
+ */
+export function getAIGeneratingDecorationSource(decorations) {
+  var _decorations$find;
+  return (_decorations$find = decorations.find(function (d) {
+    return d.spec.type === AI_GENERATING_DECORATION_TYPE;
+  })) === null || _decorations$find === void 0 ? void 0 : _decorations$find.spec.source;
+}
+
 /**
  * Dispatch a transaction that sets the AI-generating decoration on a media
  * node identified by `mediaId`.

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

@@ -19,6 +19,7 @@ interface MediaNodeWithPluginStateComponentProps {
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     private isSelected;
     private isAIGenerating;
+    private aiGeneratingSource;
     private hasBeenResized;
     private resizeListenerBinding?;
     getMediaSingleNode(getPos: getPosHandlerNode): PMNode | null;

package/dist/types/nodeviews/mediaNodeView/media.d.ts

@@ -16,6 +16,7 @@ export interface MediaNodeProps extends ReactNodeProps, ImageLoaderProps {
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     getPos: ProsemirrorGetPosHandler;
     isAIGenerating?: boolean;
+    isCwrAIGenerating?: boolean;
     isLoading?: boolean;
     isMediaSingle?: boolean;
     isViewOnly?: boolean;

package/dist/types/pm-plugins/ai-generating-decoration.d.ts

@@ -28,6 +28,12 @@ export type AIGeneratingAction = {
  * to determine whether to render the AI border.
  */
 export declare function hasAIGeneratingDecoration(decorations: readonly Decoration[]): boolean;
+/**
+ * Returns the `source` of the AI-generating decoration present on the given
+ * decorations array, or `undefined` if there is none. Lets a NodeView vary its
+ * rendering by which flow (e.g. `'cwr'`) triggered the generating state.
+ */
+export declare function getAIGeneratingDecorationSource(decorations: readonly Decoration[]): AIGeneratingSource | undefined;
 /**
  * Dispatch a transaction that sets the AI-generating decoration on a media
  * node identified by `mediaId`.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "15.0.4",
+	"version": "16.0.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -26,28 +26,28 @@
 		"@atlaskit/analytics-next": "^12.3.0",
 		"@atlaskit/button": "^25.0.0",
 		"@atlaskit/editor-palette": "^3.4.0",
-		"@atlaskit/editor-plugin-analytics": "^13.0.0",
-		"@atlaskit/editor-plugin-annotation": "^13.0.0",
-		"@atlaskit/editor-plugin-connectivity": "^13.0.0",
-		"@atlaskit/editor-plugin-decorations": "^13.0.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^13.0.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^15.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^15.1.0",
-		"@atlaskit/editor-plugin-focus": "^12.0.0",
-		"@atlaskit/editor-plugin-grid": "^13.0.0",
-		"@atlaskit/editor-plugin-guideline": "^13.0.0",
-		"@atlaskit/editor-plugin-interaction": "^24.0.0",
-		"@atlaskit/editor-plugin-media-editing": "^7.0.0",
-		"@atlaskit/editor-plugin-selection": "^13.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^10.1.0",
-		"@atlaskit/editor-plugin-width": "^14.0.0",
+		"@atlaskit/editor-plugin-analytics": "^14.0.0",
+		"@atlaskit/editor-plugin-annotation": "^14.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^14.0.0",
+		"@atlaskit/editor-plugin-decorations": "^14.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^14.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^16.0.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^16.0.0",
+		"@atlaskit/editor-plugin-focus": "^13.0.0",
+		"@atlaskit/editor-plugin-grid": "^14.0.0",
+		"@atlaskit/editor-plugin-guideline": "^14.0.0",
+		"@atlaskit/editor-plugin-interaction": "^25.0.0",
+		"@atlaskit/editor-plugin-media-editing": "^8.0.0",
+		"@atlaskit/editor-plugin-selection": "^14.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^11.0.0",
+		"@atlaskit/editor-plugin-width": "^15.0.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-tables": "^3.0.0",
 		"@atlaskit/form": "^16.1.0",
 		"@atlaskit/icon": "^37.3.0",
 		"@atlaskit/icon-lab": "^7.5.0",
-		"@atlaskit/media-card": "^81.5.0",
+		"@atlaskit/media-card": "^81.6.0",
 		"@atlaskit/media-client": "^37.2.0",
 		"@atlaskit/media-client-react": "^6.1.0",
 		"@atlaskit/media-common": "^14.4.0",
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^117.4.0",
+		"@atlaskit/editor-common": "^118.0.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",