@atlaskit/editor-plugin-media 12.8.2 → 12.9.0

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

@@ -38,12 +38,12 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "unbindKeyDown", null);
     _defineProperty(_this, "setViewMediaClientConfig", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var mediaProvider, viewMediaClientConfig, viewAndUploadMediaClientConfig;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return _this.props.mediaProvider;
-          case 2:
+          case 1:
             mediaProvider = _context.sent;
             if (mediaProvider) {
               viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
@@ -55,7 +55,7 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
                 });
               }
             }
-          case 4:
+          case 2:
           case "end":
             return _context.stop();
         }
@@ -104,6 +104,18 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
         canUpdateVideoCaptions: fg('platform_media_video_captions') ? !!viewAndUploadMediaClientConfig : false
       };
     }));
+    _defineProperty(_this, "onPreviewRender", function (fileId) {
+      if (fg('aifc_page_create_with_rovo_include_infographics')) {
+        var _this$props$pluginInj2;
+        (_this$props$pluginInj2 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj2 === void 0 || (_this$props$pluginInj2 = _this$props$pluginInj2.core) === null || _this$props$pluginInj2 === void 0 || _this$props$pluginInj2.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
+          return tr.setMeta(mediaStateKey, {
+            type: 'PREVIEW_RENDERED',
+            fileId: fileId
+          });
+        });
+      }
+    });
     _defineProperty(_this, "onError", function (reason) {
       var _this$props$api;
       var nestedUnder = _this.getNestedUnder();
@@ -174,24 +186,23 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var contextIdentifierProvider;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        var contextIdentifierProvider, _t, _t2;
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               this.handleNewNode(this.props);
               contextIdentifierProvider = this.props.contextIdentifierProvider;
-              _context2.t0 = this;
-              _context2.next = 5;
+              _t = this;
+              _context2.next = 1;
               return contextIdentifierProvider;
-            case 5:
-              _context2.t1 = _context2.sent;
-              _context2.t2 = {
-                contextIdentifierProvider: _context2.t1
-              };
-              _context2.t0.setState.call(_context2.t0, _context2.t2);
-              _context2.next = 10;
+            case 1:
+              _t2 = _context2.sent;
+              _t.setState.call(_t, {
+                contextIdentifierProvider: _t2
+              });
+              _context2.next = 2;
               return this.setViewMediaClientConfig();
-            case 10:
+            case 2:
             case "end":
               return _context2.stop();
           }
@@ -369,6 +380,7 @@ export var MediaNode = /*#__PURE__*/function (_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/esm/nodeviews/mediaSingleNext.js

@@ -80,63 +80,63 @@ var useMediaNodeUpdater = function useMediaNodeUpdater(_ref) {
 };
 var mediaAsyncOperations = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
-    var updatedDimensions, currentAttrs, updatingNode, contextId, shouldNodeBeDeepCopied, copyNode;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var updatedDimensions, currentAttrs, updatingNode, contextId, shouldNodeBeDeepCopied, copyNode, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return props.updater.getRemoteDimensions();
-        case 2:
+        case 1:
           updatedDimensions = _context.sent;
           currentAttrs = props.mediaChildNode.attrs;
           if (updatedDimensions && ((currentAttrs === null || currentAttrs === void 0 ? void 0 : currentAttrs.width) !== updatedDimensions.width || (currentAttrs === null || currentAttrs === void 0 ? void 0 : currentAttrs.height) !== updatedDimensions.height)) {
             props.updater.updateDimensions(updatedDimensions);
           }
           if (!(props.mediaChildNode.attrs.type === 'external' && props.mediaChildNode.attrs.__external)) {
-            _context.next = 11;
+            _context.next = 3;
             break;
           }
           updatingNode = props.updater.handleExternalMedia(props.getPos);
           props.addPendingTask(updatingNode);
-          _context.next = 10;
+          _context.next = 2;
           return updatingNode;
-        case 10:
+        case 2:
           return _context.abrupt("return");
-        case 11:
+        case 3:
           contextId = props.updater.getNodeContextId();
           if (contextId) {
-            _context.next = 15;
+            _context.next = 4;
             break;
           }
-          _context.next = 15;
+          _context.next = 4;
           return props.updater.updateContextId();
-        case 15:
-          _context.next = 17;
+        case 4:
+          _context.next = 5;
           return props.updater.shouldNodeBeDeepCopied();
-        case 17:
+        case 5:
           shouldNodeBeDeepCopied = _context.sent;
           if (!shouldNodeBeDeepCopied) {
-            _context.next = 28;
+            _context.next = 9;
             break;
           }
-          _context.prev = 19;
+          _context.prev = 6;
           copyNode = props.updater.copyNode({
             traceId: props.mediaNode.attrs.__mediaTraceId
           });
           props.addPendingTask(copyNode);
-          _context.next = 24;
+          _context.next = 7;
           return copyNode;
-        case 24:
-          _context.next = 28;
+        case 7:
+          _context.next = 9;
           break;
-        case 26:
-          _context.prev = 26;
-          _context.t0 = _context["catch"](19);
-        case 28:
+        case 8:
+          _context.prev = 8;
+          _t = _context["catch"](6);
+        case 9:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[19, 26]]);
+    }, _callee, null, [[6, 8]]);
   }));
   return function mediaAsyncOperations(_x) {
     return _ref2.apply(this, arguments);

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

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -72,10 +73,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
+    mediaId: mediaId,
+    source: source
   }).setMeta('addToHistory', false);
 }
 
@@ -99,7 +101,7 @@ export function createAIGeneratingDecorationPlugin() {
     state: {
       init: function init() {
         return {
-          generatingMediaIds: new Set(),
+          generatingMediaIds: new Map(),
           decorationSet: DecorationSet.empty
         };
       },
@@ -108,7 +110,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
             };
           }
@@ -119,30 +121,76 @@ export function createAIGeneratingDecorationPlugin() {
           switch (meta.type) {
             case 'SET_GENERATING':
               {
-                var ids = new Set(pluginState.generatingMediaIds);
-                ids.add(meta.mediaId);
+                var _meta$source;
+                var ids = new Map(pluginState.generatingMediaIds);
+                ids.set(meta.mediaId, (_meta$source = meta.source) !== null && _meta$source !== void 0 ? _meta$source : 'maui');
+                var _hasCwrIds = fg('aifc_page_create_with_rovo_include_infographics') && _toConsumableArray(ids.values()).some(function (s) {
+                  return s === 'cwr';
+                });
+                var 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':
               {
-                var _ids = new Set(pluginState.generatingMediaIds);
+                var _ids = new Map(pluginState.generatingMediaIds);
                 _ids.delete(meta.mediaId);
+                var _hasCwrIds2 = fg('aifc_page_create_with_rovo_include_infographics') && _toConsumableArray(_ids.values()).some(function (s) {
+                  return s === 'cwr';
+                });
+                var _newDecoSet = buildDecorationSet(newState.doc, _ids);
+                if (_hasCwrIds2 && _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.
+        var hasCwrIds = fg('aifc_page_create_with_rovo_include_infographics') && _toConsumableArray(pluginState.generatingMediaIds.values()).some(function (s) {
+          return s === 'cwr';
+        });
+        if (tr.docChanged && hasCwrIds) {
+          var rebuilt = buildDecorationSet(newState.doc, pluginState.generatingMediaIds);
+          var prevCount = pluginState.decorationSet.find().length;
+          var 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 _objectSpread(_objectSpread({}, 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 {
@@ -150,9 +198,8 @@ export function createAIGeneratingDecorationPlugin() {
               decorationSet: pluginState.decorationSet.map(tr.mapping, newState.doc)
             });
           } catch (_unused) {
-            // Collaborative editing edge case — reset
             return {
-              generatingMediaIds: new Set(),
+              generatingMediaIds: new Map(),
               decorationSet: DecorationSet.empty
             };
           }

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

@@ -42,10 +42,10 @@ export var trackMediaPaste = function trackMediaPaste(attrs) {
  * Decorations live in the view layer only and never affect the document model
  * or undo/redo history.
  */
-export var setAIGenerating = function setAIGenerating(mediaId) {
+export var setAIGenerating = function setAIGenerating(mediaId, source) {
   return function (_ref4) {
     var tr = _ref4.tr;
-    return setAIGeneratingMeta(tr, mediaId);
+    return setAIGeneratingMeta(tr, mediaId, source);
   };
 };
 

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

@@ -75,6 +75,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     _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');
@@ -706,19 +707,19 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     key: "setMediaProvider",
     value: function () {
       var _setMediaProvider = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaProvider) {
-        var viewMediaClientConfig, wrappedError, view, allowsUploads;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var viewMediaClientConfig, wrappedError, view, allowsUploads, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!(this.previousMediaProvider === mediaProvider)) {
-                _context.next = 2;
+                _context.next = 1;
                 break;
               }
               return _context.abrupt("return");
-            case 2:
+            case 1:
               this.previousMediaProvider = mediaProvider;
               if (mediaProvider) {
-                _context.next = 8;
+                _context.next = 2;
                 break;
               }
               this.destroyPickers();
@@ -729,21 +730,21 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
                 }));
               }
               return _context.abrupt("return");
-            case 8:
-              _context.prev = 8;
+            case 2:
+              _context.prev = 2;
               if (!(mediaProvider instanceof Promise)) {
-                _context.next = 15;
+                _context.next = 4;
                 break;
               }
-              _context.next = 12;
+              _context.next = 3;
               return mediaProvider;
-            case 12:
+            case 3:
               this.mediaProvider = _context.sent;
-              _context.next = 16;
+              _context.next = 5;
               break;
-            case 15:
+            case 4:
               this.mediaProvider = mediaProvider;
-            case 16:
+            case 5:
               // Ignored via go/ees007
               // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
               // TODO [MS-2038]: remove once context api is removed
@@ -756,12 +757,12 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
                 }
               }
               assert(this.mediaProvider.viewMediaClientConfig, "MediaProvider promise did not resolve to a valid instance of MediaProvider - ".concat(this.mediaProvider));
-              _context.next = 28;
+              _context.next = 7;
               break;
-            case 20:
-              _context.prev = 20;
-              _context.t0 = _context["catch"](8);
-              wrappedError = new Error("Media functionality disabled due to rejected provider: ".concat(_context.t0 instanceof Error ? _context.t0.message : String(_context.t0)));
+            case 6:
+              _context.prev = 6;
+              _t = _context["catch"](2);
+              wrappedError = new Error("Media functionality disabled due to rejected provider: ".concat(_t instanceof Error ? _t.message : String(_t)));
               this.errorReporter.captureException(wrappedError);
               this.destroyPickers();
               this.allowsUploads = false;
@@ -771,7 +772,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
                 }));
               }
               return _context.abrupt("return");
-            case 28:
+            case 7:
               this.mediaClientConfig = this.mediaProvider.viewMediaClientConfig;
               this.allowsUploads = !!this.mediaProvider.uploadMediaClientConfig;
               view = this.view, allowsUploads = this.allowsUploads; // make sure editable DOM node is mounted
@@ -782,31 +783,31 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
                 }));
               }
               if (!this.allowsUploads) {
-                _context.next = 42;
+                _context.next = 11;
                 break;
               }
               this.uploadMediaClientConfig = this.mediaProvider.uploadMediaClientConfig;
               if (!(this.mediaProvider.uploadParams && this.uploadMediaClientConfig)) {
-                _context.next = 39;
+                _context.next = 9;
                 break;
               }
-              _context.next = 37;
+              _context.next = 8;
               return this.initPickers(this.mediaProvider.uploadParams, PickerFacade);
-            case 37:
-              _context.next = 40;
+            case 8:
+              _context.next = 10;
               break;
-            case 39:
+            case 9:
               this.destroyPickers();
-            case 40:
-              _context.next = 43;
+            case 10:
+              _context.next = 12;
               break;
-            case 42:
+            case 11:
               this.destroyPickers();
-            case 43:
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[8, 20]]);
+        }, _callee, this, [[2, 6]]);
       }));
       function setMediaProvider(_x) {
         return _setMediaProvider.apply(this, arguments);
@@ -924,19 +925,19 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     value: function () {
       var _initPickers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(uploadParams, Picker) {
         var _this3 = this;
-        var errorReporter, pickers, pickerPromises, pickerFacadeConfig, customPicker;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        var errorReporter, pickers, pickerPromises, pickerFacadeConfig, customPicker, _t2;
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (!(this.destroyed || !this.uploadMediaClientConfig)) {
-                _context2.next = 2;
+                _context2.next = 1;
                 break;
               }
               return _context2.abrupt("return");
-            case 2:
+            case 1:
               errorReporter = this.errorReporter, pickers = this.pickers, pickerPromises = this.pickerPromises; // create pickers if they don't exist, re-use otherwise
               if (pickers.length) {
-                _context2.next = 14;
+                _context2.next = 4;
                 break;
               }
               pickerFacadeConfig = {
@@ -944,27 +945,26 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
                 errorReporter: errorReporter
               };
               if (!this.options.customMediaPicker) {
-                _context2.next = 13;
+                _context2.next = 3;
                 break;
               }
               customPicker = new Picker('customMediaPicker', pickerFacadeConfig, this.options.customMediaPicker).init();
               pickerPromises.push(customPicker);
-              _context2.t0 = pickers;
-              _context2.next = 11;
+              _t2 = pickers;
+              _context2.next = 2;
               return customPicker;
-            case 11:
-              _context2.t1 = this.customPicker = _context2.sent;
-              _context2.t0.push.call(_context2.t0, _context2.t1);
-            case 13:
+            case 2:
+              _t2.push.call(_t2, this.customPicker = _context2.sent);
+            case 3:
               pickers.forEach(function (picker) {
                 picker.onNewMedia(_this3.insertFile);
               });
-            case 14:
+            case 4:
               // set new upload params for the pickers
               pickers.forEach(function (picker) {
                 return picker.setUploadParams(uploadParams);
               });
-            case 15:
+            case 5:
             case "end":
               return _context2.stop();
           }
@@ -1036,7 +1036,7 @@ export var createPlugin = function createPlugin(_schema, options, getIntl, plugi
           nextPluginState = nextPluginState.clone();
         }
         var meta = tr.getMeta(stateKey);
-        if (meta) {
+        if (meta && meta.type !== 'PREVIEW_RENDERED') {
           var allowsUploads = meta.allowsUploads;
           pluginState.updateAndDispatch({
             allowsUploads: typeof allowsUploads === 'undefined' ? pluginState.allowsUploads : allowsUploads
@@ -1044,6 +1044,15 @@ export var createPlugin = function createPlugin(_schema, options, getIntl, plugi
           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') {
+          var 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/pm-plugins/mediaTaskManager.js

@@ -19,15 +19,15 @@ export var MediaTaskManager = /*#__PURE__*/_createClass(function MediaTaskManage
   _defineProperty(this, "waitForPendingTasks", /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(timeout, lastTask) {
       var chainedPromise, rejectTimeout, timeoutPromise;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(lastTask && _this.pendingTask === lastTask)) {
-              _context.next = 2;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return", lastTask);
-          case 2:
+          case 1:
             chainedPromise = _this.pendingTask.then(function () {
               return (
                 // Call ourselves to make sure that no new pending tasks have been
@@ -36,11 +36,11 @@ export var MediaTaskManager = /*#__PURE__*/_createClass(function MediaTaskManage
               );
             });
             if (timeout) {
-              _context.next = 5;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return", chainedPromise);
-          case 5:
+          case 2:
             timeoutPromise = new Promise(function (_resolve, reject) {
               rejectTimeout = window.setTimeout(function () {
                 return reject(new Error("Media operations did not finish in ".concat(timeout, " ms")));
@@ -50,7 +50,7 @@ export var MediaTaskManager = /*#__PURE__*/_createClass(function MediaTaskManage
               clearTimeout(rejectTimeout);
               return value;
             })]));
-          case 7:
+          case 3:
           case "end":
             return _context.stop();
         }

package/dist/esm/pm-plugins/picker-facade.js

@@ -115,24 +115,24 @@ var PickerFacade = /*#__PURE__*/function () {
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var picker;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (this.pickerType === 'customMediaPicker') {
                 picker = this.picker = this.pickerConfig;
               }
               if (picker) {
-                _context.next = 3;
+                _context.next = 1;
                 break;
               }
               return _context.abrupt("return", this);
-            case 3:
+            case 1:
               picker.on('upload-preview-update', this.handleUploadPreviewUpdate);
               picker.on('upload-end', this.handleReady);
               picker.on('upload-error', this.handleUploadError);
               picker.on('mobile-upload-end', this.handleMobileUploadEnd);
               return _context.abrupt("return", this);
-            case 8:
+            case 2:
             case "end":
               return _context.stop();
           }