@atlaskit/editor-plugin-media 12.8.2 → 12.9.0

package/dist/cjs/pm-plugins/utils/check-media-type.js

@@ -10,45 +10,45 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var checkMediaType = exports.checkMediaType = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaNode, mediaClientConfig) {
-    var fileState;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    var fileState, _t;
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (!(mediaNode.attrs.type === 'external')) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return", 'external');
-        case 2:
+        case 1:
           if (mediaNode.attrs.id) {
-            _context.next = 4;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return");
-        case 4:
-          _context.prev = 4;
-          _context.next = 7;
+        case 2:
+          _context.prev = 2;
+          _context.next = 3;
           return (0, _mediaClientReact.getMediaClient)(mediaClientConfig).file.getCurrentState(mediaNode.attrs.id, {
             collectionName: mediaNode.attrs.collection
           });
-        case 7:
+        case 3:
           fileState = _context.sent;
           if (!(fileState && fileState.status !== 'error')) {
-            _context.next = 10;
+            _context.next = 4;
             break;
           }
           return _context.abrupt("return", fileState.mediaType);
-        case 10:
-          _context.next = 14;
+        case 4:
+          _context.next = 6;
           break;
-        case 12:
-          _context.prev = 12;
-          _context.t0 = _context["catch"](4);
-        case 14:
+        case 5:
+          _context.prev = 5;
+          _t = _context["catch"](2);
+        case 6:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[4, 12]]);
+    }, _callee, null, [[2, 5]]);
   }));
   return function checkMediaType(_x, _x2) {
     return _ref.apply(this, arguments);

package/dist/cjs/ui/MediaPicker/PickerFacadeProvider.js

@@ -48,48 +48,48 @@ function PickerFacadeProvider(_ref) {
     options = _useSharedPluginState.options;
   var handleMediaProvider = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_name, provider) {
-      var mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      var mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config, _t;
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return provider;
-          case 2:
+          case 1:
             mediaProvider = _context.sent;
             if (!(!mediaProvider || !mediaProvider.uploadParams || !insertFile)) {
-              _context.next = 5;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return");
-          case 5:
-            _context.next = 7;
+          case 2:
+            _context.next = 3;
             return mediaProvider.uploadMediaClientConfig;
-          case 7:
-            _context.t0 = _context.sent;
-            if (_context.t0) {
-              _context.next = 12;
+          case 3:
+            _t = _context.sent;
+            if (_t) {
+              _context.next = 5;
               break;
             }
-            _context.next = 11;
+            _context.next = 4;
             return mediaProvider.viewMediaClientConfig;
-          case 11:
-            _context.t0 = _context.sent;
-          case 12:
-            resolvedMediaClientConfig = _context.t0;
+          case 4:
+            _t = _context.sent;
+          case 5:
+            resolvedMediaClientConfig = _t;
             if (resolvedMediaClientConfig) {
-              _context.next = 15;
+              _context.next = 6;
               break;
             }
             return _context.abrupt("return");
-          case 15:
+          case 6:
             pickerFacadeConfig = {
               mediaClientConfig: resolvedMediaClientConfig,
               errorReporter: (options === null || options === void 0 ? void 0 : options.errorReporter) || new _utils.ErrorReporter(),
               featureFlags: mediaOptions && mediaOptions.featureFlags
             };
-            _context.next = 18;
+            _context.next = 7;
             return new _pickerFacade.default('customMediaPicker', pickerFacadeConfig, dummyMediaPickerObject, analyticsName).init();
-          case 18:
+          case 7:
             pickerFacadeInstance = _context.sent;
             pickerFacadeInstance.onNewMedia(insertFile);
             pickerFacadeInstance.setUploadParams(mediaProvider.uploadParams);
@@ -103,7 +103,7 @@ function PickerFacadeProvider(_ref) {
                 mediaClientConfig: resolvedMediaClientConfig
               });
             });
-          case 23:
+          case 8:
           case "end":
             return _context.stop();
         }

package/dist/cjs/ui/ResizableMediaSingle/index.js

@@ -206,17 +206,17 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
     value: function () {
       var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var viewMediaClientConfig;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               viewMediaClientConfig = this.props.viewMediaClientConfig;
               if (!viewMediaClientConfig) {
-                _context.next = 4;
+                _context.next = 1;
                 break;
               }
-              _context.next = 4;
+              _context.next = 1;
               return this.checkVideoFile(viewMediaClientConfig);
-            case 4:
+            case 1:
             case "end":
               return _context.stop();
           }
@@ -241,39 +241,39 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
     key: "checkVideoFile",
     value: function () {
       var _checkVideoFile = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(viewMediaClientConfig) {
-        var $pos, mediaNode, mediaType, isVideoFile;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        var $pos, mediaNode, mediaType, isVideoFile, _t;
+        return _regenerator.default.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               $pos = this.$pos;
               if (!(!$pos || !viewMediaClientConfig)) {
-                _context2.next = 3;
+                _context2.next = 1;
                 break;
               }
               return _context2.abrupt("return");
-            case 3:
+            case 1:
               mediaNode = this.props.view.state.doc.nodeAt($pos.pos + 1);
               if (!mediaNode) {
-                _context2.next = 10;
+                _context2.next = 3;
                 break;
               }
-              _context2.next = 7;
+              _context2.next = 2;
               return (0, _checkMediaType.checkMediaType)(mediaNode, viewMediaClientConfig);
-            case 7:
-              _context2.t0 = _context2.sent;
-              _context2.next = 11;
+            case 2:
+              _t = _context2.sent;
+              _context2.next = 4;
               break;
-            case 10:
-              _context2.t0 = undefined;
-            case 11:
-              mediaType = _context2.t0;
+            case 3:
+              _t = undefined;
+            case 4:
+              mediaType = _t;
               isVideoFile = mediaType !== 'external' && mediaType !== 'image';
               if (this.state.isVideoFile !== isVideoFile) {
                 this.setState({
                   isVideoFile: isVideoFile
                 });
               }
-            case 14:
+            case 5:
             case "end":
               return _context2.stop();
           }

package/dist/cjs/ui/toolbar/utils.js

@@ -56,37 +56,37 @@ var getIsDownloadDisabledByDataSecurityPolicy = exports.getIsDownloadDisabledByD
 };
 var downloadMedia = exports.downloadMedia = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaPluginState, isViewMode) {
-    var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName, _t;
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
           selectedNodeAttrs = isViewMode ? getSelectedNearestMediaContainerNodeAttrs(mediaPluginState) : getSelectedMediaContainerNodeAttrs(mediaPluginState);
           if (!(selectedNodeAttrs && mediaPluginState.mediaClientConfig && !isExternalMedia(selectedNodeAttrs))) {
-            _context.next = 10;
+            _context.next = 2;
             break;
           }
           id = selectedNodeAttrs.id, _selectedNodeAttrs$co = selectedNodeAttrs.collection, collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
           mediaClient = (0, _mediaClientReact.getMediaClient)(mediaPluginState.mediaClientConfig);
-          _context.next = 7;
+          _context.next = 1;
           return mediaClient.file.getCurrentState(id, {
             collectionName: collection
           });
-        case 7:
+        case 1:
           fileState = _context.sent;
           fileName = fileState.status === 'error' ? undefined : fileState.name;
           mediaClient.file.downloadBinary(id, fileName, collection);
-        case 10:
+        case 2:
           return _context.abrupt("return", true);
-        case 13:
-          _context.prev = 13;
-          _context.t0 = _context["catch"](0);
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](0);
           return _context.abrupt("return", false);
-        case 16:
+        case 4:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 13]]);
+    }, _callee, null, [[0, 3]]);
   }));
   return function downloadMedia(_x, _x2) {
     return _ref.apply(this, arguments);

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

@@ -84,6 +84,17 @@ export class MediaNode extends Component {
     _defineProperty(this, "getMediaSettings", memoizeOne(viewAndUploadMediaClientConfig => ({
       canUpdateVideoCaptions: fg('platform_media_video_captions') ? !!viewAndUploadMediaClientConfig : false
     })));
+    _defineProperty(this, "onPreviewRender", fileId => {
+      if (fg('aifc_page_create_with_rovo_include_infographics')) {
+        var _this$props$pluginInj2, _this$props$pluginInj3;
+        (_this$props$pluginInj2 = this.props.pluginInjectionApi) === null || _this$props$pluginInj2 === void 0 ? void 0 : (_this$props$pluginInj3 = _this$props$pluginInj2.core) === null || _this$props$pluginInj3 === void 0 ? void 0 : _this$props$pluginInj3.actions.execute(({
+          tr
+        }) => tr.setMeta(mediaStateKey, {
+          type: 'PREVIEW_RENDERED',
+          fileId
+        }));
+      }
+    });
     _defineProperty(this, "onError", reason => {
       var _this$props$api;
       const nestedUnder = this.getNestedUnder();
@@ -319,6 +330,7 @@ export class MediaNode extends Component {
       ssr: ssr,
       mediaSettings: this.getMediaSettings(viewAndUploadMediaClientConfig),
       isAIGenerating: !!this.props.isAIGenerating,
+      onPreviewRender: this.onPreviewRender,
       onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
     })));
   }

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

@@ -67,10 +67,11 @@ export function hasAIGeneratingDecoration(decorations) {
  * );
  * ```
  */
-export function setAIGeneratingMeta(tr, mediaId) {
+export function setAIGeneratingMeta(tr, mediaId, source) {
   return tr.setMeta(aiGeneratingDecorationPluginKey, {
     type: 'SET_GENERATING',
-    mediaId
+    mediaId,
+    source
   }).setMeta('addToHistory', false);
 }
 
@@ -94,7 +95,7 @@ export function createAIGeneratingDecorationPlugin() {
     state: {
       init() {
         return {
-          generatingMediaIds: new Set(),
+          generatingMediaIds: new Map(),
           decorationSet: DecorationSet.empty
         };
       },
@@ -103,7 +104,7 @@ export function createAIGeneratingDecorationPlugin() {
         if (!fg('cc-maui-phase-2') || !expValEquals('cc-maui-experiment', 'isEnabled', true)) {
           if (pluginState.generatingMediaIds.size > 0) {
             return {
-              generatingMediaIds: new Set(),
+              generatingMediaIds: new Map(),
               decorationSet: DecorationSet.empty
             };
           }
@@ -114,30 +115,71 @@ export function createAIGeneratingDecorationPlugin() {
           switch (meta.type) {
             case 'SET_GENERATING':
               {
-                const ids = new Set(pluginState.generatingMediaIds);
-                ids.add(meta.mediaId);
+                var _meta$source;
+                const ids = new Map(pluginState.generatingMediaIds);
+                ids.set(meta.mediaId, (_meta$source = meta.source) !== null && _meta$source !== void 0 ? _meta$source : 'maui');
+                const hasCwrIds = fg('aifc_page_create_with_rovo_include_infographics') && [...ids.values()].some(s => s === 'cwr');
+                const newDecoSet = buildDecorationSet(newState.doc, ids);
+                if (hasCwrIds && newDecoSet.find().length === 0 && ids.size > 0) {
+                  // CWR fallback — keep existing decorations during transient doc absence
+                  return {
+                    generatingMediaIds: ids,
+                    decorationSet: pluginState.decorationSet
+                  };
+                }
                 return {
                   generatingMediaIds: ids,
-                  decorationSet: buildDecorationSet(newState.doc, ids)
+                  decorationSet: newDecoSet
                 };
               }
             case 'CLEAR_GENERATING':
               {
-                const ids = new Set(pluginState.generatingMediaIds);
+                const ids = new Map(pluginState.generatingMediaIds);
                 ids.delete(meta.mediaId);
+                const hasCwrIds = fg('aifc_page_create_with_rovo_include_infographics') && [...ids.values()].some(s => s === 'cwr');
+                const newDecoSet = buildDecorationSet(newState.doc, ids);
+                if (hasCwrIds && newDecoSet.find().length === 0) {
+                  // CWR fallback — keep existing decorations during transient doc absence
+                  return {
+                    generatingMediaIds: ids,
+                    decorationSet: pluginState.decorationSet
+                  };
+                }
                 return {
                   generatingMediaIds: ids,
-                  decorationSet: buildDecorationSet(newState.doc, ids)
+                  decorationSet: newDecoSet
                 };
               }
             case 'CLEAR_ALL':
               return {
-                generatingMediaIds: new Set(),
+                generatingMediaIds: new Map(),
                 decorationSet: DecorationSet.empty
               };
           }
         }
 
+        // CWR path
+        // Rebuild decorations from scratch because CWR streaming replaces the
+        // entire document on every chunk and map() drops decorations whose
+        // positions can't be mapped.
+        const hasCwrIds = fg('aifc_page_create_with_rovo_include_infographics') && [...pluginState.generatingMediaIds.values()].some(s => s === 'cwr');
+        if (tr.docChanged && hasCwrIds) {
+          const rebuilt = buildDecorationSet(newState.doc, pluginState.generatingMediaIds);
+          const prevCount = pluginState.decorationSet.find().length;
+          const newCount = rebuilt.find().length;
+
+          // Prevents flickering that results from updating during transient
+          // doc replacements (when nodes are briefly absent)
+          if (newCount !== prevCount && newCount >= pluginState.generatingMediaIds.size) {
+            return {
+              ...pluginState,
+              decorationSet: rebuilt
+            };
+          }
+          return pluginState;
+        }
+
+        // Remix path
         // Map decorations through document changes so positions stay in sync
         if (tr.docChanged && pluginState.decorationSet !== DecorationSet.empty) {
           try {
@@ -146,9 +188,8 @@ export function createAIGeneratingDecorationPlugin() {
               decorationSet: pluginState.decorationSet.map(tr.mapping, newState.doc)
             };
           } catch {
-            // Collaborative editing edge case — reset
             return {
-              generatingMediaIds: new Set(),
+              generatingMediaIds: new Map(),
               decorationSet: DecorationSet.empty
             };
           }

package/dist/es2019/pm-plugins/commands.js

@@ -41,9 +41,9 @@ export const trackMediaPaste = attrs => ({
  * Decorations live in the view layer only and never affect the document model
  * or undo/redo history.
  */
-export const setAIGenerating = mediaId => ({
+export const setAIGenerating = (mediaId, source) => ({
   tr
-}) => setAIGeneratingMeta(tr, mediaId);
+}) => setAIGeneratingMeta(tr, mediaId, source);
 
 /**
  * Clears the AI-generating decoration for a specific media node identified by

package/dist/es2019/pm-plugins/main.js

@@ -60,6 +60,7 @@ export class MediaPluginStateImplementation {
     _defineProperty(this, "ignoreLinks", false);
     _defineProperty(this, "waitForMediaUpload", true);
     _defineProperty(this, "allUploadsFinished", true);
+    _defineProperty(this, "previewRenderedMediaIds", new Set());
     _defineProperty(this, "showDropzone", false);
     _defineProperty(this, "isFullscreen", false);
     _defineProperty(this, "layout", 'center');
@@ -945,7 +946,7 @@ export const createPlugin = (_schema, options, getIntl, pluginInjectionApi, node
           nextPluginState = nextPluginState.clone();
         }
         const meta = tr.getMeta(stateKey);
-        if (meta) {
+        if (meta && meta.type !== 'PREVIEW_RENDERED') {
           const {
             allowsUploads
           } = meta;
@@ -955,6 +956,15 @@ export const createPlugin = (_schema, options, getIntl, pluginInjectionApi, node
           nextPluginState = nextPluginState.clone();
         }
 
+        // Handle preview render notifications — add the file ID to the
+        // previewRenderedMediaIds Set so sharedState subscribers can react.
+        if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'PREVIEW_RENDERED' && typeof meta.fileId === 'string') {
+          const newSet = new Set(pluginState.previewRenderedMediaIds);
+          newSet.add(meta.fileId);
+          pluginState.previewRenderedMediaIds = newSet;
+          nextPluginState = nextPluginState.clone();
+        }
+
         // ACTIONS
         switch (meta === null || meta === void 0 ? void 0 : meta.type) {
           case ACTIONS.SHOW_MEDIA_VIEWER:

package/dist/esm/nodeviews/mediaGroupNext.js

@@ -121,38 +121,38 @@ var useLatestMediaGroupNode = function useLatestMediaGroupNode(nextMediaNode) {
 var runMediaNodeUpdate = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
     var mediaNodeUpdater, getPos, node, updateAttrs, contextId, shouldNodeBeDeepCopied;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           mediaNodeUpdater = _ref2.mediaNodeUpdater, getPos = _ref2.getPos, node = _ref2.node, updateAttrs = _ref2.updateAttrs;
           if (!updateAttrs) {
-            _context.next = 4;
+            _context.next = 1;
             break;
           }
-          _context.next = 4;
+          _context.next = 1;
           return mediaNodeUpdater.updateNodeAttrs(getPos);
-        case 4:
+        case 1:
           contextId = mediaNodeUpdater.getNodeContextId();
           if (contextId) {
-            _context.next = 8;
+            _context.next = 2;
             break;
           }
-          _context.next = 8;
+          _context.next = 2;
           return mediaNodeUpdater.updateNodeContextId(getPos);
-        case 8:
-          _context.next = 10;
+        case 2:
+          _context.next = 3;
           return mediaNodeUpdater.shouldNodeBeDeepCopied();
-        case 10:
+        case 3:
           shouldNodeBeDeepCopied = _context.sent;
           if (!shouldNodeBeDeepCopied) {
-            _context.next = 14;
+            _context.next = 4;
             break;
           }
-          _context.next = 14;
+          _context.next = 4;
           return mediaNodeUpdater.copyNodeFromPos(getPos, {
             traceId: node.attrs.__mediaTraceId
           });
-        case 14:
+        case 4:
         case "end":
           return _context.stop();
       }

package/dist/esm/nodeviews/mediaInline.js

@@ -50,56 +50,56 @@ var createMediaNodeUpdater = function createMediaNodeUpdater(props) {
  */
 var updateMediaNodeAttributes = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(props, mediaNodeUpdater) {
-    var addPendingTask, node, contextId, shouldNodeBeDeepCopied, copyNode;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var addPendingTask, node, contextId, shouldNodeBeDeepCopied, copyNode, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           addPendingTask = props.addPendingTask;
           node = props.node;
           if (node) {
-            _context.next = 4;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return");
-        case 4:
+        case 1:
           contextId = mediaNodeUpdater.getNodeContextId();
           if (contextId) {
-            _context.next = 8;
+            _context.next = 2;
             break;
           }
-          _context.next = 8;
+          _context.next = 2;
           return mediaNodeUpdater.updateContextId();
-        case 8:
-          _context.next = 10;
+        case 2:
+          _context.next = 3;
           return mediaNodeUpdater.shouldNodeBeDeepCopied();
-        case 10:
+        case 3:
           shouldNodeBeDeepCopied = _context.sent;
           if (!shouldNodeBeDeepCopied) {
-            _context.next = 22;
+            _context.next = 7;
             break;
           }
-          _context.prev = 12;
+          _context.prev = 4;
           copyNode = mediaNodeUpdater.copyNode({
             traceId: node.attrs.__mediaTraceId
           });
           addPendingTask(copyNode);
-          _context.next = 17;
+          _context.next = 5;
           return copyNode;
-        case 17:
-          _context.next = 22;
+        case 5:
+          _context.next = 7;
           break;
-        case 19:
-          _context.prev = 19;
-          _context.t0 = _context["catch"](12);
+        case 6:
+          _context.prev = 6;
+          _t = _context["catch"](4);
           return _context.abrupt("return");
-        case 22:
-          _context.next = 24;
+        case 7:
+          _context.next = 8;
           return mediaNodeUpdater.updateMediaSingleFileAttrs();
-        case 24:
+        case 8:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[12, 19]]);
+    }, _callee, null, [[4, 6]]);
   }));
   return function updateMediaNodeAttributes(_x, _x2) {
     return _ref.apply(this, arguments);
@@ -137,18 +137,18 @@ export var MediaInline = function MediaInline(props) {
   var updateViewMediaClientConfig = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(props) {
       var mediaProvider, _viewMediaClientConfig;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context2.next = 2;
+            _context2.next = 1;
             return props.mediaProvider;
-          case 2:
+          case 1:
             mediaProvider = _context2.sent;
             if (mediaProvider) {
               _viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
               setViewMediaClientConfig(_viewMediaClientConfig);
             }
-          case 4:
+          case 2:
           case "end":
             return _context2.stop();
         }