@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/cjs/plugins/media/pm-plugins/main.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,86 +12,47 @@ Object.defineProperty(exports, "stateKey", {
     return _pluginKey.stateKey;
   }
 });
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorTransform = require("prosemirror-transform");
-
 var _prosemirrorView = require("prosemirror-view");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _assert = _interopRequireDefault(require("assert"));
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _mediaSingle = require("../utils/media-single");
-
 var _DropPlaceholder = _interopRequireDefault(require("../ui/Media/DropPlaceholder"));
-
 var _mediaFiles = require("../utils/media-files");
-
 var _mediaCommon = require("../utils/media-common");
-
 var helpers = _interopRequireWildcard(require("../commands/helpers"));
-
 var _pluginKey = require("./plugin-key");
-
 var _pickerFacade = _interopRequireDefault(require("../picker-facade"));
-
 var _types = require("../../analytics/types");
-
 var _isImage = require("../utils/is-image");
-
 var _document = require("../../../utils/document");
-
 var _mediaCommon2 = require("@atlaskit/media-common");
-
 var _utils2 = require("../../../utils");
-
 var _CaptionPlaceholder = require("../ui/CaptionPlaceholder");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _mediaTaskManager = require("./mediaTaskManager");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var MEDIA_CONTENT_WRAP_CLASS_NAME = 'media-content-wrap';
 exports.MEDIA_CONTENT_WRAP_CLASS_NAME = MEDIA_CONTENT_WRAP_CLASS_NAME;
-
 var createDropPlaceholder = function createDropPlaceholder(intl, allowDropLine) {
   var dropPlaceholder = document.createElement('div');
   var createElement = _react.default.createElement;
-
   if (allowDropLine) {
     _reactDom.default.render(createElement(_reactIntlNext.RawIntlProvider, {
       value: intl
@@ -105,16 +64,12 @@ var createDropPlaceholder = function createDropPlaceholder(intl, allowDropLine)
       value: intl
     }, createElement(_DropPlaceholder.default)), dropPlaceholder);
   }
-
   return dropPlaceholder;
 };
-
 var MEDIA_RESOLVED_STATES = ['ready', 'error', 'cancelled'];
-
 var MediaPluginStateImplementation = /*#__PURE__*/function () {
   function MediaPluginStateImplementation(_state, options, mediaOptions, _dispatch) {
     var _this = this;
-
     (0, _classCallCheck2.default)(this, MediaPluginStateImplementation);
     (0, _defineProperty2.default)(this, "allowsUploads", false);
     (0, _defineProperty2.default)(this, "ignoreLinks", false);
@@ -142,13 +97,10 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
                   _context.next = 4;
                   break;
                 }
-
                 _context.next = 3;
                 return provider;
-
               case 3:
                 _this.contextIdentifierProvider = _context.sent;
-
               case 4:
               case "end":
                 return _context.stop();
@@ -156,7 +108,6 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
           }
         }, _callee);
       }));
-
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
@@ -172,102 +123,76 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
                   _context2.next = 5;
                   break;
                 }
-
                 _this.destroyPickers();
-
                 _this.allowsUploads = false;
-
                 if (!_this.destroyed) {
                   _this.view.dispatch(_this.view.state.tr.setMeta(_pluginKey.stateKey, {
                     allowsUploads: _this.allowsUploads
                   }));
                 }
-
                 return _context2.abrupt("return");
-
               case 5:
                 _context2.prev = 5;
                 _context2.next = 8;
                 return mediaProvider;
-
               case 8:
                 _this.mediaProvider = _context2.sent;
-
                 // TODO [MS-2038]: remove once context api is removed
                 // We want to re assign the view and upload configs if they are missing for backwards compatibility
                 // as currently integrators can pass context || mediaClientConfig
                 if (!_this.mediaProvider.viewMediaClientConfig) {
                   viewMediaClientConfig = _this.mediaProvider.viewMediaClientConfig;
-
                   if (viewMediaClientConfig) {
                     _this.mediaProvider.viewMediaClientConfig = viewMediaClientConfig;
                   }
                 }
-
                 (0, _assert.default)(_this.mediaProvider.viewMediaClientConfig, "MediaProvider promise did not resolve to a valid instance of MediaProvider - ".concat(_this.mediaProvider));
                 _context2.next = 21;
                 break;
-
               case 13:
                 _context2.prev = 13;
                 _context2.t0 = _context2["catch"](5);
                 wrappedError = new Error("Media functionality disabled due to rejected provider: ".concat(_context2.t0 instanceof Error ? _context2.t0.message : String(_context2.t0)));
-
                 _this.errorReporter.captureException(wrappedError);
-
                 _this.destroyPickers();
-
                 _this.allowsUploads = false;
-
                 if (!_this.destroyed) {
                   _this.view.dispatch(_this.view.state.tr.setMeta(_pluginKey.stateKey, {
                     allowsUploads: _this.allowsUploads
                   }));
                 }
-
                 return _context2.abrupt("return");
-
               case 21:
                 _this.mediaClientConfig = _this.mediaProvider.viewMediaClientConfig;
                 _this.allowsUploads = !!_this.mediaProvider.uploadMediaClientConfig;
                 view = _this.view, allowsUploads = _this.allowsUploads; // make sure editable DOM node is mounted
-
                 if (!_this.destroyed && view && view.dom.parentNode) {
                   // make PM plugin aware of the state change to update UI during 'apply' hook
                   view.dispatch(view.state.tr.setMeta(_pluginKey.stateKey, {
                     allowsUploads: allowsUploads
                   }));
                 }
-
                 if (!_this.allowsUploads) {
                   _context2.next = 35;
                   break;
                 }
-
                 _this.uploadMediaClientConfig = _this.mediaProvider.uploadMediaClientConfig;
-
                 if (!(_this.mediaProvider.uploadParams && _this.uploadMediaClientConfig)) {
                   _context2.next = 32;
                   break;
                 }
-
                 _context2.next = 30;
                 return _this.initPickers(_this.mediaProvider.uploadParams, _pickerFacade.default);
-
               case 30:
                 _context2.next = 33;
                 break;
-
               case 32:
                 _this.destroyPickers();
-
               case 33:
                 _context2.next = 36;
                 break;
-
               case 35:
                 _this.destroyPickers();
-
               case 36:
               case "end":
                 return _context2.stop();
@@ -275,7 +200,6 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
           }
         }, _callee2, null, [[5, 13]]);
       }));
-
       return function (_x3) {
         return _ref2.apply(this, arguments);
       };
@@ -285,56 +209,48 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "isMediaSchemaNode", function (_ref3) {
       var _this$mediaOptions;
-
       var type = _ref3.type;
       var _this$view$state$sche = _this.view.state.schema.nodes,
-          mediaInline = _this$view$state$sche.mediaInline,
-          mediaSingle = _this$view$state$sche.mediaSingle,
-          media = _this$view$state$sche.media;
-
+        mediaInline = _this$view$state$sche.mediaInline,
+        mediaSingle = _this$view$state$sche.mediaSingle,
+        media = _this$view$state$sche.media;
       if ((0, _mediaCommon2.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions = _this.mediaOptions) === null || _this$mediaOptions === void 0 ? void 0 : _this$mediaOptions.featureFlags)) {
         return type === mediaSingle || type === media || type === mediaInline;
       }
-
       return type === mediaSingle;
     });
     (0, _defineProperty2.default)(this, "insertFile", function (mediaState, onMediaStateChanged, pickerType) {
       var _mediaState$collectio, _this$mediaOptions2;
-
       var state = _this.view.state;
-
       var mediaStateWithContext = _objectSpread(_objectSpread({}, mediaState), {}, {
         contextId: _this.contextIdentifierProvider ? _this.contextIdentifierProvider.objectId : undefined
       });
-
       var collection = (_mediaState$collectio = mediaState.collection) !== null && _mediaState$collectio !== void 0 ? _mediaState$collectio : _this.collectionFromProvider();
-
       if (collection === undefined) {
         return;
-      } // We need to dispatch the change to event dispatcher only for successful files
-
+      }
 
+      // We need to dispatch the change to event dispatcher only for successful files
       if (mediaState.status !== 'error') {
         _this.updateAndDispatch({
           allUploadsFinished: false
         });
       }
-
       if ((0, _mediaSingle.isMediaSingle)(state.schema, mediaStateWithContext.fileMimeType)) {
         (0, _mediaSingle.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert);
       } else if ((0, _mediaCommon2.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !(0, _document.isInEmptyLine)(state) && (!(0, _mediaCommon.isInsidePotentialEmptyParagraph)(state) || (0, _utils2.isInListItem)(state)) && (0, _mediaFiles.canInsertMediaInline)(state)) {
         (0, _mediaFiles.insertMediaInlineNode)(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
       } else {
         (0, _mediaFiles.insertMediaGroupNode)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType));
-      } // do events when media state changes
-
+      }
 
-      onMediaStateChanged(_this.handleMediaState); // handle waiting for upload complete
+      // do events when media state changes
+      onMediaStateChanged(_this.handleMediaState);
 
+      // handle waiting for upload complete
       var isEndState = function isEndState(state) {
         return state.status && MEDIA_RESOLVED_STATES.indexOf(state.status) !== -1;
       };
-
       if (!isEndState(mediaStateWithContext)) {
         var uploadingPromise = new Promise(function (resolve) {
           onMediaStateChanged(function (newState) {
@@ -344,17 +260,15 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
             }
           });
         });
-
         _this.taskManager.addPendingTask(uploadingPromise, mediaStateWithContext.id).then(function () {
           _this.updateAndDispatch({
             allUploadsFinished: true
           });
         });
-      } // refocus the view
-
+      }
 
+      // refocus the view
       var view = _this.view;
-
       if (!view.hasFocus()) {
         view.focus();
       }
@@ -372,7 +286,6 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
       if (_this.openMediaPickerBrowser) {
         return _this.openMediaPickerBrowser();
       }
-
       _this.onPopupToggleCallback(true);
     });
     (0, _defineProperty2.default)(this, "setBrowseFn", function (browseFn) {
@@ -384,40 +297,31 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "waitForPendingTasks", this.taskManager.waitForPendingTasks);
     (0, _defineProperty2.default)(this, "handleMediaNodeRemoval", function (node, getPos) {
       var getNode = node;
-
       if (!getNode) {
         getNode = _this.view.state.doc.nodeAt(getPos());
       }
-
       (0, _mediaCommon.removeMediaNode)(_this.view, getNode, getPos);
     });
     (0, _defineProperty2.default)(this, "trackMediaNodeAddition", function (node) {
       var _this$nodeCount$get;
-
       var id = node.attrs.id;
       var count = (_this$nodeCount$get = _this.nodeCount.get(id)) !== null && _this$nodeCount$get !== void 0 ? _this$nodeCount$get : 0;
-
       if (count === 0) {
         _this.taskManager.resumePendingTask(id);
       }
-
       _this.nodeCount.set(id, count + 1);
     });
     (0, _defineProperty2.default)(this, "trackMediaNodeRemoval", function (node) {
       var _this$nodeCount$get2;
-
       var id = node.attrs.id;
       var count = (_this$nodeCount$get2 = _this.nodeCount.get(id)) !== null && _this$nodeCount$get2 !== void 0 ? _this$nodeCount$get2 : 0;
-
       if (count === 1) {
         _this.taskManager.cancelPendingTask(id);
       }
-
       _this.nodeCount.set(id, count - 1);
     });
     (0, _defineProperty2.default)(this, "handleMediaNodeMount", function (node, getPos) {
       _this.trackMediaNodeAddition(node);
-
       _this.mediaNodes.unshift({
         node: node,
         getPos: getPos
@@ -425,7 +329,6 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "handleMediaNodeUnmount", function (oldNode) {
       _this.trackMediaNodeRemoval(oldNode);
-
       _this.mediaNodes = _this.mediaNodes.filter(function (_ref4) {
         var node = _ref4.node;
         return oldNode !== node;
@@ -456,15 +359,15 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
       pickers.forEach(function (picker) {
         return picker.destroy();
       });
-
       _this.pickers.splice(0, _this.pickers.length);
     });
     (0, _defineProperty2.default)(this, "destroyPickers", function () {
       var pickers = _this.pickers,
-          pickerPromises = _this.pickerPromises; // If pickerPromises and pickers are the same length
+        pickerPromises = _this.pickerPromises;
+
+      // If pickerPromises and pickers are the same length
       // All pickers have resolved and we safely destroy them
       // Otherwise wait for them to resolve then destroy.
-
       if (pickerPromises.length === pickers.length) {
         _this.destroyAllPickers(_this.pickers);
       } else {
@@ -472,51 +375,40 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
           return _this.destroyAllPickers(resolvedPickers);
         });
       }
-
       _this.customPicker = undefined;
     });
     (0, _defineProperty2.default)(this, "getInputMethod", function (pickerType) {
       switch (pickerType) {
         case 'clipboard':
           return _types.INPUT_METHOD.CLIPBOARD;
-
         case 'dropzone':
           return _types.INPUT_METHOD.DRAG_AND_DROP;
       }
-
       return;
     });
     (0, _defineProperty2.default)(this, "updateMediaNodeAttrs", function (id, attrs, isMediaSingle) {
       var view = _this.view;
-
       if (!view) {
         return;
       }
-
       return (0, helpers.updateMediaNodeAttrs)(id, attrs, isMediaSingle)(view.state, view.dispatch);
     });
     (0, _defineProperty2.default)(this, "handleMediaState", function (state) {
       switch (state.status) {
         case 'error':
           var uploadErrorHandler = _this.options.uploadErrorHandler;
-
           if (uploadErrorHandler) {
             uploadErrorHandler(state);
           }
-
           break;
-
         case 'mobile-upload-end':
           var attrs = {
             id: state.publicId || state.id
           };
-
           if (typeof state.collection === 'string') {
             attrs.collection = state.collection;
           }
-
           _this.updateMediaNodeAttrs(state.id, attrs, (0, _mediaSingle.isMediaSingle)(_this.view.state.schema, state.fileMimeType));
-
           delete _this.mediaGroupNodes[state.id];
           break;
       }
@@ -530,20 +422,16 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "removeNodeById", function (state) {
       var id = state.id;
       var mediaNodeWithPos = helpers.findMediaNode(_this, id, (0, _isImage.isImage)(state.fileMimeType));
-
       if (mediaNodeWithPos) {
         (0, _mediaCommon.removeMediaNode)(_this.view, mediaNodeWithPos.node, mediaNodeWithPos.getPos);
       }
     });
     (0, _defineProperty2.default)(this, "removeSelectedMediaContainer", function () {
       var view = _this.view;
-
       var selectedNode = _this.selectedMediaContainerNode();
-
       if (!selectedNode) {
         return false;
       }
-
       var from = view.state.selection.from;
       (0, _mediaCommon.removeMediaNode)(view, selectedNode.firstChild, function () {
         return from + 1;
@@ -552,25 +440,21 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "selectedMediaContainerNode", function () {
       var selection = _this.view.state.selection;
-
       if (selection instanceof _prosemirrorState.NodeSelection && _this.isMediaSchemaNode(selection.node)) {
         return selection.node;
       }
-
       return;
     });
     (0, _defineProperty2.default)(this, "handleDrag", function (dragState) {
       var isActive = dragState === 'enter';
-
       if (_this.showDropzone === isActive) {
         return;
       }
-
       _this.showDropzone = isActive;
       var _this$view = _this.view,
-          dispatch = _this$view.dispatch,
-          state = _this$view.state; // Trigger state change to be able to pick it up in the decorations handler
-
+        dispatch = _this$view.dispatch,
+        state = _this$view.state;
+      // Trigger state change to be able to pick it up in the decorations handler
       dispatch(state.tr);
     });
     this.options = options;
@@ -585,17 +469,14 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     options.providerFactory.subscribe('contextIdentifierProvider', this.onContextIdentifierProvider);
     this.errorReporter = options.errorReporter || new _utils.ErrorReporter();
   }
-
   (0, _createClass2.default)(MediaPluginStateImplementation, [{
     key: "updateElement",
     value: function updateElement() {
       var newElement;
       var selectedContainer = this.selectedMediaContainerNode();
-
       if (selectedContainer && this.isMediaSchemaNode(selectedContainer)) {
         newElement = this.getDomElement(this.view.domAtPos.bind(this.view));
       }
-
       if (this.element !== newElement) {
         this.element = newElement;
       }
@@ -604,50 +485,43 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     key: "getDomElement",
     value: function getDomElement(domAtPos) {
       var selection = this.view.state.selection;
-
       if (!(selection instanceof _prosemirrorState.NodeSelection)) {
         return;
       }
-
       if (!this.isMediaSchemaNode(selection.node)) {
         return;
       }
-
       var node = (0, _prosemirrorUtils.findDomRefAtPos)(selection.from, domAtPos);
-
       if (node) {
         if (!node.childNodes.length) {
           return node.parentNode;
         }
-
         return node;
       }
-
       return;
     }
+
     /**
      * we insert a new file by inserting a initial state for that file.
      *
      * called when we insert a new file via the picker (connected via pickerfacade)
      */
-
   }, {
     key: "setView",
     value: function setView(view) {
       this.view = view;
     }
+
     /**
      * Called from React UI Component when user clicks on "Delete" icon
      * inside of it
      */
-
   }, {
     key: "destroy",
     value: function destroy() {
       if (this.destroyed) {
         return;
       }
-
       this.destroyed = true;
       var mediaNodes = this.mediaNodes;
       mediaNodes.splice(0, mediaNodes.length);
@@ -659,7 +533,6 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     value: function () {
       var _initPickers = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(uploadParams, Picker) {
         var _this2 = this;
-
         var errorReporter, pickers, pickerPromises, pickerFacadeConfig, customPicker;
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
@@ -669,49 +542,38 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
                   _context3.next = 2;
                   break;
                 }
-
                 return _context3.abrupt("return");
-
               case 2:
                 errorReporter = this.errorReporter, pickers = this.pickers, pickerPromises = this.pickerPromises; // create pickers if they don't exist, re-use otherwise
-
                 if (pickers.length) {
                   _context3.next = 14;
                   break;
                 }
-
                 pickerFacadeConfig = {
                   mediaClientConfig: this.uploadMediaClientConfig,
                   errorReporter: errorReporter
                 };
-
                 if (!this.options.customMediaPicker) {
                   _context3.next = 13;
                   break;
                 }
-
                 customPicker = new Picker('customMediaPicker', pickerFacadeConfig, this.options.customMediaPicker).init();
                 pickerPromises.push(customPicker);
                 _context3.t0 = pickers;
                 _context3.next = 11;
                 return customPicker;
-
               case 11:
                 _context3.t1 = this.customPicker = _context3.sent;
-
                 _context3.t0.push.call(_context3.t0, _context3.t1);
-
               case 13:
                 pickers.forEach(function (picker) {
                   picker.onNewMedia(_this2.insertFile);
                 });
-
               case 14:
                 // set new upload params for the pickers
                 pickers.forEach(function (picker) {
                   return picker.setUploadParams(uploadParams);
                 });
-
               case 15:
               case "end":
                 return _context3.stop();
@@ -719,11 +581,9 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-
       function initPickers(_x4, _x5) {
         return _initPickers.apply(this, arguments);
       }
-
       return initPickers;
     }()
   }, {
@@ -735,17 +595,14 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     key: "updateAndDispatch",
     value: function updateAndDispatch(props) {
       var _this3 = this;
-
       // update plugin state
       Object.keys(props).forEach(function (_key) {
         var key = _key;
         var value = props[key];
-
         if (value !== undefined) {
           _this3[key] = value;
         }
       });
-
       if (this.dispatch) {
         this.dispatch(_pluginKey.stateKey, _objectSpread({}, this));
       }
@@ -753,15 +610,11 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
   }]);
   return MediaPluginStateImplementation;
 }();
-
 exports.MediaPluginStateImplementation = MediaPluginStateImplementation;
-
 var getMediaPluginState = function getMediaPluginState(state) {
   return _pluginKey.stateKey.getState(state);
 };
-
 exports.getMediaPluginState = getMediaPluginState;
-
 var createPlugin = function createPlugin(_schema, options, reactContext, getIntl, dispatch, mediaOptions) {
   var intl = getIntl();
   var dropPlaceholder = createDropPlaceholder(intl, mediaOptions && mediaOptions.allowDropzoneDropLine);
@@ -775,37 +628,36 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
         if (typeof pluginState.editingMediaSinglePos === 'number') {
           pluginState.editingMediaSinglePos = tr.mapping.map(pluginState.editingMediaSinglePos);
         }
-
         var meta = tr.getMeta(_pluginKey.stateKey);
-
         if (meta) {
           var allowsUploads = meta.allowsUploads;
           pluginState.updateAndDispatch({
             allowsUploads: typeof allowsUploads === 'undefined' ? pluginState.allowsUploads : allowsUploads
           });
-        } // NOTE: We're not calling passing new state to the Editor, because we depend on the view.state reference
+        }
+
+        // NOTE: We're not calling passing new state to the Editor, because we depend on the view.state reference
         //       throughout the lifetime of view. We injected the view into the plugin state, because we dispatch()
         //       transformations from within the plugin state (i.e. when adding a new file).
-
-
         return pluginState;
       }
     },
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
       var _iterator = _createForOfIteratorHelper(transactions),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var transaction = _step.value;
-          var isSelectionOnMediaInsideMediaSingle = transaction.selectionSet && (0, _prosemirrorUtils.isNodeSelection)(transaction.selection) && transaction.selection.node.type === newState.schema.nodes.media && transaction.selection.$anchor.parent.type === newState.schema.nodes.mediaSingle; // Note: this causes an additional transaction when selecting a media node
-          // through clicking  on it with the cursor.
+          var isSelectionOnMediaInsideMediaSingle = transaction.selectionSet && (0, _prosemirrorUtils.isNodeSelection)(transaction.selection) && transaction.selection.node.type === newState.schema.nodes.media && transaction.selection.$anchor.parent.type === newState.schema.nodes.mediaSingle;
 
+          // Note: this causes an additional transaction when selecting a media node
+          // through clicking  on it with the cursor.
           if (isSelectionOnMediaInsideMediaSingle) {
             // If a selection has been placed on a media inside a media single,
             // we shift it to the media single parent as other code is opinionated about
             // the selection landing there. In particular the caption insertion and selection
             // action.
+
             return newState.tr.setSelection(_prosemirrorState.NodeSelection.create(newState.doc, transaction.selection.$from.pos - 1));
           }
         }
@@ -814,7 +666,6 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
       } finally {
         _iterator.f();
       }
-
       return;
     },
     key: _pluginKey.stateKey,
@@ -831,38 +682,30 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
     props: {
       decorations: function decorations(state) {
         var pluginState = getMediaPluginState(state);
-
         if (!pluginState.showDropzone) {
           return;
         }
-
         var schema = state.schema,
-            $anchor = state.selection.$anchor; // When a media is already selected
+          $anchor = state.selection.$anchor;
 
+        // When a media is already selected
         if (state.selection instanceof _prosemirrorState.NodeSelection) {
           var node = state.selection.node;
-
           if (node.type === schema.nodes.mediaSingle) {
             var deco = _prosemirrorView.Decoration.node(state.selection.from, state.selection.to, {
               class: 'richMedia-selected'
             });
-
             return _prosemirrorView.DecorationSet.create(state.doc, [deco]);
           }
-
           return;
         }
-
         var pos = $anchor.pos;
-
         if ($anchor.parent.type !== schema.nodes.paragraph && $anchor.parent.type !== schema.nodes.codeBlock) {
           pos = (0, _prosemirrorTransform.insertPoint)(state.doc, pos, schema.nodes.mediaGroup);
         }
-
         if (pos === null || pos === undefined) {
           return;
         }
-
         var dropPlaceholders = [_prosemirrorView.Decoration.widget(pos, dropPlaceholder, {
           key: 'drop-placeholder'
         })];
@@ -875,27 +718,24 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
       },
       handleClick: function handleClick(_editorView, _pos, event) {
         var _event$target;
+        var clickedInsideCaptionPlaceholder = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest("[data-id=\"".concat(_CaptionPlaceholder.CAPTION_PLACEHOLDER_ID, "\"]"));
 
-        var clickedInsideCaptionPlaceholder = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest("[data-id=\"".concat(_CaptionPlaceholder.CAPTION_PLACEHOLDER_ID, "\"]")); // Workaround for Chrome given a regression introduced in prosemirror-view@1.18.6
+        // Workaround for Chrome given a regression introduced in prosemirror-view@1.18.6
         // Returning true prevents that updateSelection() is getting called in the commit below:
         // @see https://github.com/ProseMirror/prosemirror-view/compare/1.18.5...1.18.6
-
         if ((_utils.browser.chrome || _utils.browser.safari) && clickedInsideCaptionPlaceholder) {
           return true;
-        } // Workaound for iOS 16 Caption selection issue
-        // @see https://product-fabric.atlassian.net/browse/MEX-2012
-
+        }
 
+        // Workaound for iOS 16 Caption selection issue
+        // @see https://product-fabric.atlassian.net/browse/MEX-2012
         if (_utils.browser.ios) {
           var _event$target2;
-
           return !!((_event$target2 = event.target) !== null && _event$target2 !== void 0 && _event$target2.closest("[class=\"".concat(MEDIA_CONTENT_WRAP_CLASS_NAME, "\"]")));
         }
-
         return false;
       }
     }
   });
 };
-
 exports.createPlugin = createPlugin;