@atlaskit/editor-plugin-media 1.43.14 → 1.44.0

package/dist/cjs/nodeviews/mediaNodeUpdater.js

@@ -18,7 +18,9 @@ var _mediaClient = require("@atlaskit/media-client");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _helpers = require("../pm-plugins/commands/helpers");
+var _pluginKey = require("../pm-plugins/plugin-key");
 var _batchMediaNodeAttrs = require("../pm-plugins/utils/batchMediaNodeAttrs");
+var _mediaCommon = require("../pm-plugins/utils/media-common");
 var _excluded = ["authProvider"],
   _excluded2 = ["authProvider"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -340,157 +342,192 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
         })(_this.props.view.state, _this.props.view.dispatch);
       }
     });
-    (0, _defineProperty2.default)(this, "hasDifferentContextId", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-      var nodeContextId, currentContextId;
+    (0, _defineProperty2.default)(this, "shouldNodeBeDeepCopied", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+      var _ref10, _this$props$mediaOpti, _this$props$mediaOpti2, _this$mediaPluginStat;
+      var scope, attrs, id, isIdentifierOutsideEditorScope;
       return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            scope = (_ref10 = (_this$props$mediaOpti = (_this$props$mediaOpti2 = _this.props.mediaOptions) === null || _this$props$mediaOpti2 === void 0 ? void 0 : _this$props$mediaOpti2.mediaShallowCopyScope) !== null && _this$props$mediaOpti !== void 0 ? _this$props$mediaOpti : (_this$mediaPluginStat = _this.mediaPluginState) === null || _this$mediaPluginStat === void 0 || (_this$mediaPluginStat = _this$mediaPluginStat.mediaOptions) === null || _this$mediaPluginStat === void 0 ? void 0 : _this$mediaPluginStat.mediaShallowCopyScope) !== null && _ref10 !== void 0 ? _ref10 : 'context';
+            if (!(scope === 'context')) {
+              _context8.next = 7;
+              break;
+            }
+            _context8.next = 4;
+            return _this.hasDifferentContextId();
+          case 4:
+            return _context8.abrupt("return", _context8.sent);
+          case 7:
+            attrs = _this.getAttrs();
+            if (!(!attrs || !_this.mediaPluginState)) {
+              _context8.next = 10;
+              break;
+            }
+            return _context8.abrupt("return", false);
+          case 10:
+            id = (0, _mediaCommon.getIdentifier)(attrs);
+            _context8.next = 13;
+            return _this.mediaPluginState.isIdentifierInEditorScope(id);
+          case 13:
+            isIdentifierOutsideEditorScope = !_context8.sent;
+            return _context8.abrupt("return", isIdentifierOutsideEditorScope);
+          case 15:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    })));
+    (0, _defineProperty2.default)(this, "hasDifferentContextId", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+      var nodeContextId, currentContextId;
+      return _regenerator.default.wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
           case 0:
             nodeContextId = _this.getNodeContextId();
-            _context8.next = 3;
+            _context9.next = 3;
             return _this.getObjectId();
           case 3:
-            currentContextId = _context8.sent;
+            currentContextId = _context9.sent;
             if (!(nodeContextId && currentContextId && nodeContextId !== currentContextId)) {
-              _context8.next = 6;
+              _context9.next = 6;
               break;
             }
-            return _context8.abrupt("return", true);
+            return _context9.abrupt("return", true);
           case 6:
-            return _context8.abrupt("return", false);
+            return _context9.abrupt("return", false);
           case 7:
           case "end":
-            return _context8.stop();
+            return _context9.stop();
         }
-      }, _callee8);
+      }, _callee9);
     })));
-    (0, _defineProperty2.default)(this, "isNodeFromDifferentCollection", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+    (0, _defineProperty2.default)(this, "isNodeFromDifferentCollection", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
       var mediaProvider, currentCollectionName, attrs, nodeCollection, __contextId, contextId;
-      return _regenerator.default.wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
+      return _regenerator.default.wrap(function _callee10$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
           case 0:
-            _context9.next = 2;
+            _context10.next = 2;
             return _this.props.mediaProvider;
           case 2:
-            mediaProvider = _context9.sent;
+            mediaProvider = _context10.sent;
             if (!(!mediaProvider || !mediaProvider.uploadParams)) {
-              _context9.next = 5;
+              _context10.next = 5;
               break;
             }
-            return _context9.abrupt("return", false);
+            return _context10.abrupt("return", false);
           case 5:
             currentCollectionName = mediaProvider.uploadParams.collection;
             attrs = _this.getAttrs();
             if (!(!attrs || attrs && !isMediaTypeSupported(attrs.type))) {
-              _context9.next = 9;
+              _context10.next = 9;
               break;
             }
-            return _context9.abrupt("return", false);
+            return _context10.abrupt("return", false);
           case 9:
             nodeCollection = attrs.collection, __contextId = attrs.__contextId;
-            _context9.t0 = __contextId;
-            if (_context9.t0) {
-              _context9.next = 15;
+            _context10.t0 = __contextId;
+            if (_context10.t0) {
+              _context10.next = 15;
               break;
             }
-            _context9.next = 14;
+            _context10.next = 14;
             return _this.getObjectId();
           case 14:
-            _context9.t0 = _context9.sent;
+            _context10.t0 = _context10.sent;
           case 15:
-            contextId = _context9.t0;
+            contextId = _context10.t0;
             if (!(contextId && currentCollectionName !== nodeCollection)) {
-              _context9.next = 18;
+              _context10.next = 18;
               break;
             }
-            return _context9.abrupt("return", true);
+            return _context10.abrupt("return", true);
           case 18:
-            return _context9.abrupt("return", false);
+            return _context10.abrupt("return", false);
           case 19:
           case "end":
-            return _context9.stop();
+            return _context10.stop();
         }
-      }, _callee9);
+      }, _callee10);
     })));
     (0, _defineProperty2.default)(this, "handleCopyFileSwitcher", /*#__PURE__*/function () {
-      var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(attrs) {
+      var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(attrs) {
         var mediaClient, source, destination, traceContext, _sourceAP, copyV2Source, _destAP, copyV2Destination, _yield$mediaClient$fi, id, _yield$mediaClient$fi2, _id;
-        return _regenerator.default.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regenerator.default.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               mediaClient = attrs.mediaClient, source = attrs.source, destination = attrs.destination, traceContext = attrs.traceContext;
               if (!(0, _platformFeatureFlags.fg)('platform_media_copy_and_paste_v2')) {
-                _context10.next = 11;
+                _context11.next = 11;
                 break;
               }
               // don't need authProviders for v2 copy
               _sourceAP = source.authProvider, copyV2Source = (0, _objectWithoutProperties2.default)(source, _excluded);
               _destAP = destination.authProvider, copyV2Destination = (0, _objectWithoutProperties2.default)(destination, _excluded2);
-              _context10.next = 6;
+              _context11.next = 6;
               return mediaClient.file.copyFile(copyV2Source, copyV2Destination, undefined, traceContext);
             case 6:
-              _yield$mediaClient$fi = _context10.sent;
+              _yield$mediaClient$fi = _context11.sent;
               id = _yield$mediaClient$fi.id;
-              return _context10.abrupt("return", id);
+              return _context11.abrupt("return", id);
             case 11:
-              _context10.next = 13;
+              _context11.next = 13;
               return mediaClient.file.copyFile(source, destination, undefined, traceContext);
             case 13:
-              _yield$mediaClient$fi2 = _context10.sent;
+              _yield$mediaClient$fi2 = _context11.sent;
               _id = _yield$mediaClient$fi2.id;
-              return _context10.abrupt("return", _id);
+              return _context11.abrupt("return", _id);
             case 16:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10);
+        }, _callee11);
       }));
       return function (_x4) {
-        return _ref11.apply(this, arguments);
+        return _ref13.apply(this, arguments);
       };
     }());
     (0, _defineProperty2.default)(this, "copyNodeFromBlobUrl", /*#__PURE__*/function () {
-      var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(getPos) {
+      var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(getPos) {
         var attrs, url, mediaAttrs, mediaProvider, currentCollectionName, contextId, id, collection, height, width, mimeType, name, size, uploadMediaClientConfig, mediaClient, getAuthFromContext, mediaFileId, pos;
-        return _regenerator.default.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regenerator.default.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               attrs = _this.getAttrs();
               if (!(!attrs || attrs.type !== 'external')) {
-                _context11.next = 3;
+                _context12.next = 3;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context12.abrupt("return");
             case 3:
               url = attrs.url;
               mediaAttrs = (0, _mediaClient.getAttrsFromUrl)(url);
               if (mediaAttrs) {
-                _context11.next = 7;
+                _context12.next = 7;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context12.abrupt("return");
             case 7:
-              _context11.next = 9;
+              _context12.next = 9;
               return _this.props.mediaProvider;
             case 9:
-              mediaProvider = _context11.sent;
+              mediaProvider = _context12.sent;
               if (!(!mediaProvider || !mediaProvider.uploadParams)) {
-                _context11.next = 12;
+                _context12.next = 12;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context12.abrupt("return");
             case 12:
               currentCollectionName = mediaProvider.uploadParams.collection;
               contextId = mediaAttrs.contextId, id = mediaAttrs.id, collection = mediaAttrs.collection, height = mediaAttrs.height, width = mediaAttrs.width, mimeType = mediaAttrs.mimeType, name = mediaAttrs.name, size = mediaAttrs.size;
               uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;
               if (!(!uploadMediaClientConfig || !uploadMediaClientConfig.getAuthFromContext)) {
-                _context11.next = 17;
+                _context12.next = 17;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context12.abrupt("return");
             case 17:
               mediaClient = (0, _mediaClientReact.getMediaClient)(uploadMediaClientConfig);
               getAuthFromContext = uploadMediaClientConfig.getAuthFromContext;
-              _context11.next = 21;
+              _context12.next = 21;
               return _this.handleCopyFileSwitcher({
                 mediaClient: mediaClient,
                 source: {
@@ -507,13 +544,13 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
                 }
               });
             case 21:
-              mediaFileId = _context11.sent;
+              mediaFileId = _context12.sent;
               pos = getPos();
               if (!(typeof pos !== 'number')) {
-                _context11.next = 25;
+                _context12.next = 25;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context12.abrupt("return");
             case 25:
               (0, _helpers.replaceExternalMedia)(pos + 1, {
                 id: mediaFileId,
@@ -526,37 +563,37 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
               })(_this.props.view.state, _this.props.view.dispatch);
             case 26:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11);
+        }, _callee12);
       }));
       return function (_x5) {
-        return _ref12.apply(this, arguments);
+        return _ref14.apply(this, arguments);
       };
     }());
     // Copies the pasted node into the current collection using a getPos handler
     (0, _defineProperty2.default)(this, "copyNodeFromPos", /*#__PURE__*/function () {
-      var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(getPos, traceContext) {
+      var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(getPos, traceContext) {
         var attrs, copiedAttrs;
-        return _regenerator.default.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regenerator.default.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               attrs = _this.getAttrs();
               if (!(!attrs || attrs && !isMediaTypeSupported(attrs.type))) {
-                _context12.next = 3;
+                _context13.next = 3;
                 break;
               }
-              return _context12.abrupt("return");
+              return _context13.abrupt("return");
             case 3:
-              _context12.next = 5;
+              _context13.next = 5;
               return _this.copyFile(attrs.id, attrs.collection, traceContext);
             case 5:
-              copiedAttrs = _context12.sent;
+              copiedAttrs = _context13.sent;
               if (copiedAttrs) {
-                _context12.next = 8;
+                _context13.next = 8;
                 break;
               }
-              return _context12.abrupt("return");
+              return _context13.abrupt("return");
             case 8:
               (0, _helpers.updateCurrentMediaNodeAttrs)(copiedAttrs, {
                 node: _this.props.node,
@@ -564,82 +601,82 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
               })(_this.props.view.state, _this.props.view.dispatch);
             case 9:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12);
+        }, _callee13);
       }));
       return function (_x6, _x7) {
-        return _ref13.apply(this, arguments);
+        return _ref15.apply(this, arguments);
       };
     }());
     // Copies the pasted node into the current collection
     (0, _defineProperty2.default)(this, "copyNode", /*#__PURE__*/function () {
-      var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(traceContext) {
+      var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(traceContext) {
         var attrs, view, copiedAttrs;
-        return _regenerator.default.wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regenerator.default.wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
               attrs = _this.getAttrs();
               view = _this.props.view;
               if (!(!attrs || attrs && !isMediaTypeSupported(attrs.type))) {
-                _context13.next = 4;
+                _context14.next = 4;
                 break;
               }
-              return _context13.abrupt("return");
+              return _context14.abrupt("return");
             case 4:
-              _context13.next = 6;
+              _context14.next = 6;
               return _this.copyFile(attrs.id, attrs.collection, traceContext);
             case 6:
-              copiedAttrs = _context13.sent;
+              copiedAttrs = _context14.sent;
               if (copiedAttrs) {
-                _context13.next = 9;
+                _context14.next = 9;
                 break;
               }
-              return _context13.abrupt("return");
+              return _context14.abrupt("return");
             case 9:
               (0, _helpers.updateMediaNodeAttrs)(attrs.id, copiedAttrs)(view.state, view.dispatch);
             case 10:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13);
+        }, _callee14);
       }));
       return function (_x8) {
-        return _ref14.apply(this, arguments);
+        return _ref16.apply(this, arguments);
       };
     }());
     (0, _defineProperty2.default)(this, "copyFile", /*#__PURE__*/function () {
-      var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(id, collection, traceContext) {
+      var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(id, collection, traceContext) {
         var mediaProvider, nodeContextId, uploadMediaClientConfig, mediaClient, currentCollectionName, objectId, getAuthFromContext, mediaFileId;
-        return _regenerator.default.wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regenerator.default.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              _context14.next = 2;
+              _context15.next = 2;
               return _this.props.mediaProvider;
             case 2:
-              mediaProvider = _context14.sent;
+              mediaProvider = _context15.sent;
               if (mediaProvider !== null && mediaProvider !== void 0 && mediaProvider.uploadParams) {
-                _context14.next = 5;
+                _context15.next = 5;
                 break;
               }
-              return _context14.abrupt("return");
+              return _context15.abrupt("return");
             case 5:
               nodeContextId = _this.getNodeContextId();
               uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;
               if (!(!(uploadMediaClientConfig !== null && uploadMediaClientConfig !== void 0 && uploadMediaClientConfig.getAuthFromContext) || !nodeContextId)) {
-                _context14.next = 9;
+                _context15.next = 9;
                 break;
               }
-              return _context14.abrupt("return");
+              return _context15.abrupt("return");
             case 9:
               mediaClient = (0, _mediaClientReact.getMediaClient)(uploadMediaClientConfig);
               currentCollectionName = mediaProvider.uploadParams.collection;
-              _context14.next = 13;
+              _context15.next = 13;
               return _this.getObjectId();
             case 13:
-              objectId = _context14.sent;
+              objectId = _context15.sent;
               getAuthFromContext = uploadMediaClientConfig.getAuthFromContext;
-              _context14.next = 17;
+              _context15.next = 17;
               return _this.handleCopyFileSwitcher({
                 mediaClient: mediaClient,
                 source: {
@@ -657,23 +694,24 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
                 traceContext: traceContext
               });
             case 17:
-              mediaFileId = _context14.sent;
-              return _context14.abrupt("return", {
+              mediaFileId = _context15.sent;
+              return _context15.abrupt("return", {
                 id: mediaFileId,
                 collection: currentCollectionName,
                 __contextId: objectId
               });
             case 19:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14);
+        }, _callee15);
       }));
       return function (_x9, _x10, _x11) {
-        return _ref15.apply(this, arguments);
+        return _ref17.apply(this, arguments);
       };
     }());
     this.props = props;
+    this.mediaPluginState = _pluginKey.stateKey.getState(props.view.state);
   }
   return (0, _createClass2.default)(MediaNodeUpdater, [{
     key: "setProps",
@@ -689,42 +727,42 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
   }, {
     key: "getRemoteDimensions",
     value: function () {
-      var _getRemoteDimensions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
+      var _getRemoteDimensions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
         var mediaProvider, mediaOptions, attrs, height, width, id, collection, viewMediaClientConfig, mediaClient, currentState, imageMetadata;
-        return _regenerator.default.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regenerator.default.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
-              _context15.next = 2;
+              _context16.next = 2;
               return this.props.mediaProvider;
             case 2:
-              mediaProvider = _context15.sent;
+              mediaProvider = _context16.sent;
               mediaOptions = this.props.mediaOptions;
               attrs = this.getAttrs();
               if (!(!mediaProvider || !attrs)) {
-                _context15.next = 7;
+                _context16.next = 7;
                 break;
               }
-              return _context15.abrupt("return", false);
+              return _context16.abrupt("return", false);
             case 7:
               height = attrs.height, width = attrs.width;
               if (!(attrs.type === 'external' || !attrs.id)) {
-                _context15.next = 10;
+                _context16.next = 10;
                 break;
               }
-              return _context15.abrupt("return", false);
+              return _context16.abrupt("return", false);
             case 10:
               id = attrs.id, collection = attrs.collection;
               if (!(height && width)) {
-                _context15.next = 13;
+                _context16.next = 13;
                 break;
               }
-              return _context15.abrupt("return", false);
+              return _context16.abrupt("return", false);
             case 13:
               if (!(mediaOptions && !mediaOptions.allowRemoteDimensionsFetch)) {
-                _context15.next = 15;
+                _context16.next = 15;
                 break;
               }
-              return _context15.abrupt("return", {
+              return _context16.abrupt("return", {
                 id: id,
                 height: _mediaSingle.DEFAULT_IMAGE_HEIGHT,
                 width: _mediaSingle.DEFAULT_IMAGE_WIDTH
@@ -732,40 +770,40 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
             case 15:
               viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
               mediaClient = (0, _mediaClientReact.getMediaClient)(viewMediaClientConfig);
-              _context15.next = 19;
+              _context16.next = 19;
               return mediaClient.file.getCurrentState(id, {
                 collectionName: collection
               });
             case 19:
-              currentState = _context15.sent;
+              currentState = _context16.sent;
               if ((0, _mediaClient.isImageRepresentationReady)(currentState)) {
-                _context15.next = 22;
+                _context16.next = 22;
                 break;
               }
-              return _context15.abrupt("return", false);
+              return _context16.abrupt("return", false);
             case 22:
-              _context15.next = 24;
+              _context16.next = 24;
               return mediaClient.getImageMetadata(id, {
                 collection: collection
               });
             case 24:
-              imageMetadata = _context15.sent;
+              imageMetadata = _context16.sent;
               if (!(!imageMetadata || !imageMetadata.original)) {
-                _context15.next = 27;
+                _context16.next = 27;
                 break;
               }
-              return _context15.abrupt("return", false);
+              return _context16.abrupt("return", false);
             case 27:
-              return _context15.abrupt("return", {
+              return _context16.abrupt("return", {
                 id: id,
                 height: imageMetadata.original.height || _mediaSingle.DEFAULT_IMAGE_HEIGHT,
                 width: imageMetadata.original.width || _mediaSingle.DEFAULT_IMAGE_WIDTH
               });
             case 28:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this);
+        }, _callee16, this);
       }));
       function getRemoteDimensions() {
         return _getRemoteDimensions.apply(this, arguments);
@@ -775,36 +813,36 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
   }, {
     key: "handleExternalMedia",
     value: function () {
-      var _handleExternalMedia = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16(getPos) {
-        return _regenerator.default.wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+      var _handleExternalMedia = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(getPos) {
+        return _regenerator.default.wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
               if (!this.isMediaBlobUrl()) {
-                _context16.next = 12;
+                _context17.next = 12;
                 break;
               }
-              _context16.prev = 1;
-              _context16.next = 4;
+              _context17.prev = 1;
+              _context17.next = 4;
               return this.copyNodeFromBlobUrl(getPos);
             case 4:
-              _context16.next = 10;
+              _context17.next = 10;
               break;
             case 6:
-              _context16.prev = 6;
-              _context16.t0 = _context16["catch"](1);
-              _context16.next = 10;
+              _context17.prev = 6;
+              _context17.t0 = _context17["catch"](1);
+              _context17.next = 10;
               return this.uploadExternalMedia(getPos);
             case 10:
-              _context16.next = 14;
+              _context17.next = 14;
               break;
             case 12:
-              _context16.next = 14;
+              _context17.next = 14;
               return this.uploadExternalMedia(getPos);
             case 14:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, this, [[1, 6]]);
+        }, _callee17, this, [[1, 6]]);
       }));
       function handleExternalMedia(_x12) {
         return _handleExternalMedia.apply(this, arguments);

package/dist/cjs/nodeviews/mediaSingle.js

@@ -122,7 +122,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)(_this, "updateMediaNodeAttributes", /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(props) {
         var _this$mediaNodeUpdate2, _this$props$node$firs, _this$mediaNodeUpdate4, _this$mediaNodeUpdate6;
-        var addPendingTask, node, updatedDimensions, currentAttrs, _this$mediaNodeUpdate3, updatingNode, contextId, _this$mediaNodeUpdate5, hasDifferentContextId, copyNode;
+        var addPendingTask, node, updatedDimensions, currentAttrs, _this$mediaNodeUpdate3, updatingNode, contextId, _this$mediaNodeUpdate5, shouldNodeBeDeepCopied, copyNode;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -165,10 +165,10 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
               return (_this$mediaNodeUpdate5 = _this.mediaNodeUpdater) === null || _this$mediaNodeUpdate5 === void 0 ? void 0 : _this$mediaNodeUpdate5.updateContextId();
             case 20:
               _context2.next = 22;
-              return (_this$mediaNodeUpdate6 = _this.mediaNodeUpdater) === null || _this$mediaNodeUpdate6 === void 0 ? void 0 : _this$mediaNodeUpdate6.hasDifferentContextId();
+              return (_this$mediaNodeUpdate6 = _this.mediaNodeUpdater) === null || _this$mediaNodeUpdate6 === void 0 ? void 0 : _this$mediaNodeUpdate6.shouldNodeBeDeepCopied();
             case 22:
-              hasDifferentContextId = _context2.sent;
-              if (!hasDifferentContextId) {
+              shouldNodeBeDeepCopied = _context2.sent;
+              if (!shouldNodeBeDeepCopied) {
                 _context2.next = 35;
                 break;
               }