@atlaskit/editor-core 239.0.3 → 240.0.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-core
 
+## 240.0.0
+
+### Major Changes
+
+- [`c02fec2c86f55`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c02fec2c86f55) -
+  Remove deprecated `inputSamplingLimit` and `performanceTracking` editor props. They had no effect;
+  remove them from any `Editor` / `ComposableEditor` usages.
+
+### Minor Changes
+
+- [`5157e2c52cfcd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5157e2c52cfcd) -
+  Update i18n NPM package versions for editor,editor-extensions,activity-platform,media,elements
+  (Group 3)
+
+### Patch Changes
+
+- [`99e14378c613c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/99e14378c613c) -
+  Clean up platform_editor_blocks and retain enabled scroll gutter behavior.
+- [`cf2946633c12a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cf2946633c12a) -
+  Show the Marketplace vendor as a "By {vendor}" byline in quick insert previews for Connect and
+  Forge apps under the platform_editor_slash_command experiment. Vendor names are fetched from a
+  lazily loaded chunk when the first extension row is shown.
+- Updated dependencies
+
 ## 239.0.3
 
 ### Patch Changes

package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js

@@ -51,8 +51,6 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
       media: passedProps.media,
       collabEdit: passedProps.collabEdit,
       primaryToolbarComponents: passedProps.primaryToolbarComponents,
-      performanceTracking: passedProps.performanceTracking,
-      inputSamplingLimit: passedProps.inputSamplingLimit,
       allowUndoRedoButtons: passedProps.allowUndoRedoButtons,
       linking: passedProps.linking,
       activityProvider: passedProps.activityProvider,
@@ -121,7 +119,7 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
     };
     var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
     return nextProps;
-  }, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions, passedProps.UNSAFE_containLayout]);
+  }, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions, passedProps.UNSAFE_containLayout]);
   return memodProps;
 };
 

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -60,7 +60,7 @@ var compiledStyles = {
 var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var EDITOR_CONTAINER = 'ak-editor-container';
 var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$editorAPI, _props$editorAPI$bloc, _props$editorAPI2, _contentAreaRef$curre, _allowScrollGutter$gu, _allowScrollGutter$gu2;
+  var _props$editorAPI, _props$editorAPI$bloc, _props$editorAPI2, _contentAreaRef$curre, _allowScrollGutter$gu;
   var fullWidthMode = props.appearance === 'full-width';
   var maxWidthMode = props.appearance === 'max';
   var scrollContainerRef = (0, _react.useRef)(null);
@@ -138,20 +138,14 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null, allowScrollGutter && ((0, _editorExperiment.editorExperiment)('platform_editor_blocks', true) ? /*#__PURE__*/_react.default.createElement("div", {
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null, allowScrollGutter && /*#__PURE__*/_react.default.createElement("div", {
     id: "editor-scroll-gutter",
     style: {
       paddingBottom: "".concat((_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120', "px")
     },
     "data-vc": "scroll-gutter",
     "data-editor-scroll-gutter": "true"
-  }) : /*#__PURE__*/_react.default.createElement("div", {
-    id: "editor-scroll-gutter",
-    style: {
-      paddingBottom: "".concat((_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120', "px")
-    },
-    "data-vc": "scroll-gutter"
-  }))))));
+  })))));
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef,

package/dist/cjs/ui/quick-insert/ExtensionQuickInsertMenuItem.js

@@ -1,25 +1,45 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ExtensionQuickInsertMenuItem = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
 var _useQuickInsertContext = require("@atlaskit/editor-common/quick-insert/use-quick-insert-context");
+var _getAppVendorLookup2 = require("./app-vendor/getAppVendorLookup");
+var _useAppVendorName = require("./app-vendor/useAppVendorName");
 var _executeExtensionQuickInsertItem = require("./executeExtensionQuickInsertItem");
 var _ExtensionQuickInsertIcon = require("./ExtensionQuickInsertIcon");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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) { (0, _defineProperty2.default)(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; }
 var ExtensionQuickInsertMenuItem = exports.ExtensionQuickInsertMenuItem = function ExtensionQuickInsertMenuItem(_ref) {
+  var _getAppVendorLookup;
   var apiRef = _ref.apiRef,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     editorActions = _ref.editorActions,
     item = _ref.item,
-    onInsert = _ref.onInsert;
+    onInsert = _ref.onInsert,
+    prefetchVendors = _ref.prefetchVendors;
   var _useQuickInsertContex = (0, _useQuickInsertContext.useQuickInsertContext)(),
     editorView = _useQuickInsertContex.editorView,
     isOffline = _useQuickInsertContex.isOffline;
+  var vendorName = (0, _useAppVendorName.useAppVendorName)((_getAppVendorLookup = (0, _getAppVendorLookup2.getAppVendorLookup)(item)) === null || _getAppVendorLookup === void 0 ? void 0 : _getAppVendorLookup.id);
+  (0, _react.useEffect)(function () {
+    prefetchVendors === null || prefetchVendors === void 0 || prefetchVendors();
+  }, [prefetchVendors]);
+  var preview = (0, _react.useMemo)(function () {
+    var _item$preview;
+    return vendorName && !((_item$preview = item.preview) !== null && _item$preview !== void 0 && _item$preview.attribution) ? _objectSpread(_objectSpread({}, item.preview), {}, {
+      attribution: {
+        name: vendorName
+      }
+    }) : item.preview;
+  }, [item.preview, vendorName]);
   var onSelect = (0, _react.useCallback)(function (_ref2) {
     var insert = _ref2.insert,
       source = _ref2.source;
@@ -46,7 +66,7 @@ var ExtensionQuickInsertMenuItem = exports.ExtensionQuickInsertMenuItem = functi
     isDisabled: isOffline,
     lozenge: item.lozenge,
     onSelect: onSelect,
-    preview: item.preview,
+    preview: preview,
     description: item.description,
     title: item.title
   });

package/dist/cjs/ui/quick-insert/app-vendor/AppVendorRequestError.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppVendorRequestError = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/** Statuses where retrying cannot succeed, or would add load to a throttled gateway. */
+var BLOCKING_STATUSES = new Set([401, 403, 429]);
+var AppVendorRequestError = exports.AppVendorRequestError = /*#__PURE__*/function (_Error) {
+  /** Whether every remaining lookup should stop rather than retry. */
+
+  function AppVendorRequestError(message, status) {
+    var _this;
+    (0, _classCallCheck2.default)(this, AppVendorRequestError);
+    _this = _callSuper(this, AppVendorRequestError, [message]);
+    _this.name = 'AppVendorRequestError';
+    _this.isBlocking = status !== undefined && BLOCKING_STATUSES.has(status);
+    return _this;
+  }
+  (0, _inherits2.default)(AppVendorRequestError, _Error);
+  return (0, _createClass2.default)(AppVendorRequestError);
+}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));

package/dist/cjs/ui/quick-insert/app-vendor/appVendorCache.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.appVendorCache = void 0;
+/**
+ * Vendor names keyed by lookup id, plus the subscribers to notify when they change.
+ * Module scope so names survive editor and provider rebuilds for the rest of the page load.
+ */
+var appVendorCache = exports.appVendorCache = {
+  entries: new Map(),
+  listeners: new Set()
+};

package/dist/cjs/ui/quick-insert/app-vendor/fetchAppVendors.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchAppVendors = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _AppVendorRequestError = require("./AppVendorRequestError");
+var AGG_PATH = '/gateway/api/graphql';
+var OPERATION_NAME = 'QuickInsertAppVendorsQuery';
+var getField = function getField(_ref, variable) {
+  var kind = _ref.kind;
+  return kind === 'forge' ? "marketplaceAppByCloudAppId(cloudAppId: $".concat(variable, ")") : "marketplaceAppByKey(appKey: $".concat(variable, ")");
+};
+var getVariableType = function getVariableType(_ref2) {
+  var kind = _ref2.kind;
+  return kind === 'forge' ? 'ID!' : 'String!';
+};
+var buildQuery = function buildQuery(lookups) {
+  var variables = lookups.map(function (lookup, index) {
+    return "$a".concat(index, ": ").concat(getVariableType(lookup));
+  });
+  var fields = lookups.map(function (lookup, index) {
+    return "a".concat(index, ": ").concat(getField(lookup, "a".concat(index)), " { partner { name } }");
+  });
+  return "query ".concat(OPERATION_NAME, "(").concat(variables.join(', '), ") { ").concat(fields.join(' '), " }");
+};
+
+/** A request that never settles would otherwise leave its lookups pending for the page load. */
+var REQUEST_TIMEOUT_MS = 10000;
+
+/**
+ * Fetches Marketplace partner names for at most one batch of lookups.
+ * Resolves `null` for apps without a listed partner and omits lookups whose field errored, so they
+ * can be retried; rejects with `AppVendorRequestError` when the request itself fails, or with an
+ * `AbortError` when it takes longer than `REQUEST_TIMEOUT_MS`.
+ */
+var fetchAppVendors = exports.fetchAppVendors = /*#__PURE__*/function () {
+  var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(lookups) {
+    var controller, timeout, response, _yield$response$json, data, errors, erroredAliases;
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          controller = new AbortController();
+          timeout = setTimeout(function () {
+            return controller.abort();
+          }, REQUEST_TIMEOUT_MS);
+          _context.prev = 1;
+          _context.next = 2;
+          return fetch(AGG_PATH, {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+              operationName: OPERATION_NAME,
+              query: buildQuery(lookups),
+              variables: Object.fromEntries(lookups.map(function (_ref4, index) {
+                var value = _ref4.value;
+                return ["a".concat(index), value];
+              }))
+            }),
+            // Also aborts reading the body, so a slow response cannot hang either.
+            signal: controller.signal
+          });
+        case 2:
+          response = _context.sent;
+          if (response.ok) {
+            _context.next = 3;
+            break;
+          }
+          throw new _AppVendorRequestError.AppVendorRequestError("App vendor request failed: ".concat(response.status), response.status);
+        case 3:
+          _context.next = 4;
+          return response.json();
+        case 4:
+          _yield$response$json = _context.sent;
+          data = _yield$response$json.data;
+          errors = _yield$response$json.errors;
+          if (data) {
+            _context.next = 5;
+            break;
+          }
+          throw new _AppVendorRequestError.AppVendorRequestError('App vendor request returned no data');
+        case 5:
+          // A field that errored or timed out also returns null, which must not be cached as unlisted.
+          erroredAliases = new Set(errors === null || errors === void 0 ? void 0 : errors.map(function (_ref5) {
+            var path = _ref5.path;
+            return path === null || path === void 0 ? void 0 : path[0];
+          }));
+          return _context.abrupt("return", new Map(lookups.flatMap(function (_ref6, index) {
+            var _data$alias;
+            var id = _ref6.id;
+            var alias = "a".concat(index);
+            return erroredAliases.has(alias) ? [] : [[id, ((_data$alias = data[alias]) === null || _data$alias === void 0 || (_data$alias = _data$alias.partner) === null || _data$alias === void 0 ? void 0 : _data$alias.name) || null]];
+          })));
+        case 6:
+          _context.prev = 6;
+          clearTimeout(timeout);
+          return _context.finish(6);
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1,, 6, 7]]);
+  }));
+  return function fetchAppVendors(_x) {
+    return _ref3.apply(this, arguments);
+  };
+}();

package/dist/cjs/ui/quick-insert/app-vendor/fetchAppVendorsInBatches.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchAppVendorsInBatches = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _AppVendorRequestError = require("./AppVendorRequestError");
+var _fetchAppVendors = require("./fetchAppVendors");
+/** Marketplace has no bulk lookup; larger aliased requests time out. */
+var BATCH_SIZE = 15;
+var MAX_CONCURRENT_BATCHES = 3;
+/**
+ * Fetches lookups in batches, at most `MAX_CONCURRENT_BATCHES` at a time, reporting each batch as it
+ * settles. Batches that have not started when `shouldContinue` returns false are reported as skipped.
+ * Loaded on demand so editors without ecosystem apps never download the fetching code.
+ */
+var fetchAppVendorsInBatches = exports.fetchAppVendorsInBatches = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(lookups, _ref) {
+    var onBatch, shouldContinue, batches, start, nextBatch, runWorker;
+    return _regenerator.default.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          onBatch = _ref.onBatch, shouldContinue = _ref.shouldContinue;
+          batches = [];
+          for (start = 0; start < lookups.length; start += BATCH_SIZE) {
+            batches.push(lookups.slice(start, start + BATCH_SIZE));
+          }
+          nextBatch = 0;
+          runWorker = /*#__PURE__*/function () {
+            var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+              var batch, names, isBlocking, _t;
+              return _regenerator.default.wrap(function (_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    if (!(nextBatch < batches.length)) {
+                      _context.next = 6;
+                      break;
+                    }
+                    batch = batches[nextBatch++];
+                    if (shouldContinue()) {
+                      _context.next = 1;
+                      break;
+                    }
+                    onBatch(batch, {
+                      status: 'skipped'
+                    });
+                    return _context.abrupt("continue", 0);
+                  case 1:
+                    // Only the request is caught, so a batch is never reported twice.
+                    names = void 0;
+                    _context.prev = 2;
+                    _context.next = 3;
+                    return (0, _fetchAppVendors.fetchAppVendors)(batch);
+                  case 3:
+                    names = _context.sent;
+                    _context.next = 5;
+                    break;
+                  case 4:
+                    _context.prev = 4;
+                    _t = _context["catch"](2);
+                    isBlocking = _t instanceof _AppVendorRequestError.AppVendorRequestError && _t.isBlocking;
+                    onBatch(batch, {
+                      error: _t,
+                      isBlocking: isBlocking,
+                      status: 'rejected'
+                    });
+                    return _context.abrupt("continue", 0);
+                  case 5:
+                    onBatch(batch, {
+                      names: names,
+                      status: 'fulfilled'
+                    });
+                    _context.next = 0;
+                    break;
+                  case 6:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee, null, [[2, 4]]);
+            }));
+            return function runWorker() {
+              return _ref3.apply(this, arguments);
+            };
+          }();
+          _context2.next = 1;
+          return Promise.all(Array.from({
+            length: Math.min(MAX_CONCURRENT_BATCHES, batches.length)
+          }, runWorker));
+        case 1:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function fetchAppVendorsInBatches(_x, _x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();

package/dist/cjs/ui/quick-insert/app-vendor/getAppVendorLookup.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAppVendorLookup = void 0;
+var _manifestHelpers = require("@atlaskit/editor-common/extensions/manifest-helpers");
+var FORGE_APP_ARI_PREFIX = 'ari:cloud:ecosystem::app/';
+
+/** How to look up the Marketplace partner of the app that contributes an extension item. */
+
+/** Returns a lookup only for ecosystem apps; Atlassian-owned items have no Marketplace partner. */
+var getAppVendorLookup = exports.getAppVendorLookup = function getAppVendorLookup(_ref) {
+  var app = _ref.app,
+    extensionType = _ref.extensionType;
+  if ((app === null || app === void 0 ? void 0 : app.source) !== 'ecosystem' || !app.key) {
+    return undefined;
+  }
+  if (extensionType === _manifestHelpers.FORGE_EXTENSION_TYPE) {
+    // Marketplace returns null for a bare Forge app UUID, so always send the full ARI.
+    var value = app.key.startsWith(FORGE_APP_ARI_PREFIX) ? app.key : "".concat(FORGE_APP_ARI_PREFIX).concat(app.key);
+    return {
+      id: "forge:".concat(value),
+      kind: 'forge',
+      value: value
+    };
+  }
+  return {
+    id: "connect:".concat(app.key),
+    kind: 'connect',
+    value: app.key
+  };
+};

package/dist/cjs/ui/quick-insert/app-vendor/prefetchAppVendors.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prefetchAppVendors = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _error = require("@atlaskit/editor-common/monitoring/error");
+var _appVendorCache = require("./appVendorCache");
+var _getAppVendorLookup = require("./getAppVendorLookup");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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) { (0, _defineProperty2.default)(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; }
+/** Failed lookups are retried on later menu opens, up to this many attempts per page load. */
+var MAX_ATTEMPTS = 3;
+var LOG_LOCATION = 'editor-core/quick-insert/prefetchAppVendors';
+var entries = _appVendorCache.appVendorCache.entries,
+  listeners = _appVendorCache.appVendorCache.listeners;
+
+/**
+ * Set once any batch fails with 401, 403, or 429. Those mean the session cannot read Marketplace
+ * data or the gateway is throttling, which applies to every editor on the page, so all further
+ * lookups stop until the page reloads.
+ */
+var isBlocked = false;
+var shouldFetch = function shouldFetch(entry) {
+  return !entry || entry.status === 'failed' && entry.attempts < MAX_ATTEMPTS;
+};
+var getAttempts = function getAttempts(entry) {
+  return (entry === null || entry === void 0 ? void 0 : entry.status) === 'failed' ? entry.attempts : 0;
+};
+
+// A throwing subscriber must not stop the others or abort the batch that is being settled.
+var notify = function notify() {
+  return listeners.forEach(function (listener) {
+    try {
+      listener();
+    } catch (error) {
+      (0, _error.logException)(error, {
+        location: LOG_LOCATION
+      });
+    }
+  });
+};
+var markFailed = function markFailed(_ref) {
+  var attempts = _ref.attempts,
+    id = _ref.id;
+  return entries.set(id, {
+    attempts: attempts,
+    status: 'failed'
+  });
+};
+var settleBatch = function settleBatch(batch, result) {
+  if (result.status !== 'fulfilled') {
+    if (result.status === 'rejected') {
+      isBlocked || (isBlocked = result.isBlocking);
+      (0, _error.logException)(result.error, {
+        location: LOG_LOCATION
+      });
+    }
+    batch.forEach(markFailed);
+    return;
+  }
+
+  // Lookups missing from the result errored individually and stay retryable.
+  batch.forEach(function (lookup) {
+    var name = result.names.get(lookup.id);
+    if (name === undefined) {
+      markFailed(lookup);
+    } else {
+      entries.set(lookup.id, {
+        name: name,
+        status: 'resolved'
+      });
+    }
+  });
+  notify();
+};
+
+/**
+ * Starts fetching Marketplace partner names for every ecosystem app among `items`.
+ * Safe to call repeatedly: cached, in-flight, and exhausted lookups are skipped. The fetching code
+ * is loaded only once a lookup is queued.
+ */
+var prefetchAppVendors = exports.prefetchAppVendors = function prefetchAppVendors(items) {
+  if (isBlocked) {
+    return;
+  }
+  var lookups = [];
+  items.forEach(function (item) {
+    var lookup = (0, _getAppVendorLookup.getAppVendorLookup)(item);
+    var entry = lookup && entries.get(lookup.id);
+    if (lookup && shouldFetch(entry)) {
+      lookups.push(_objectSpread(_objectSpread({}, lookup), {}, {
+        attempts: getAttempts(entry) + 1
+      }));
+      entries.set(lookup.id, {
+        status: 'pending'
+      });
+    }
+  });
+  if (lookups.length === 0) {
+    return;
+  }
+  void Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-core-quick-insert-app-vendor" */'./fetchAppVendorsInBatches'));
+  }).then(function (_ref2) {
+    var fetchAppVendorsInBatches = _ref2.fetchAppVendorsInBatches;
+    return fetchAppVendorsInBatches(lookups, {
+      onBatch: settleBatch,
+      shouldContinue: function shouldContinue() {
+        return !isBlocked;
+      }
+    });
+  }, function (error) {
+    // The chunk failed to load; nothing was requested, so every queued lookup can retry.
+    lookups.forEach(markFailed);
+    (0, _error.logException)(error, {
+      location: LOG_LOCATION
+    });
+  }).catch(function (error) {
+    // Fetch errors are reported per batch; this only catches an unexpected throw while settling.
+    (0, _error.logException)(error, {
+      location: LOG_LOCATION
+    });
+  });
+};

package/dist/cjs/ui/quick-insert/app-vendor/useAppVendorName.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAppVendorName = void 0;
+var _react = require("react");
+var _appVendorCache = require("./appVendorCache");
+var subscribe = function subscribe(listener) {
+  _appVendorCache.appVendorCache.listeners.add(listener);
+  return function () {
+    _appVendorCache.appVendorCache.listeners.delete(listener);
+  };
+};
+var getServerSnapshot = function getServerSnapshot() {
+  return undefined;
+};
+
+/** Returns the partner name, `null` for unlisted apps, or `undefined` while unknown. */
+var useAppVendorName = exports.useAppVendorName = function useAppVendorName(id) {
+  var getSnapshot = function getSnapshot() {
+    var entry = id ? _appVendorCache.appVendorCache.entries.get(id) : undefined;
+    return (entry === null || entry === void 0 ? void 0 : entry.status) === 'resolved' ? entry.name : undefined;
+  };
+  return (0, _react.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+};

package/dist/cjs/ui/quick-insert/getExtensionQuickInsertComponents.js

@@ -13,6 +13,7 @@ var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/cr
 var _getMenuItemParents = require("@atlaskit/editor-common/quick-insert/get-menu-item-parents");
 var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _rank = require("@atlaskit/editor-common/quick-insert/rank");
+var _prefetchAppVendors = require("./app-vendor/prefetchAppVendors");
 var _ExtensionQuickInsertMenuItem = require("./ExtensionQuickInsertMenuItem");
 var _QuickInsertSkillMenuItem = require("./QuickInsertSkillMenuItem");
 var structureExtensionItemKeyRanks = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
@@ -89,6 +90,10 @@ var getExtensionQuickInsertComponents = exports.getExtensionQuickInsertComponent
     editorActions = _ref4.editorActions,
     items = _ref4.items;
   var getExtensionItemRank = createExtensionItemRanker(items);
+  // Every row prefetches all items so the first row to mount fetches vendors in one batch.
+  var prefetchVendors = function prefetchVendors() {
+    return (0, _prefetchAppVendors.prefetchAppVendors)(items);
+  };
   return items.map(function (item, index) {
     var structureRank = getStructureExtensionItemRank(item);
     var isStructureItem = structureRank !== undefined;
@@ -123,13 +128,19 @@ var getExtensionQuickInsertComponents = exports.getExtensionQuickInsertComponent
         };
       }),
       component: function component(props) {
-        var Component = item.extensionType === 'com.atlassian.rovo.skill' ? _QuickInsertSkillMenuItem.QuickInsertSkillMenuItem : _ExtensionQuickInsertMenuItem.ExtensionQuickInsertMenuItem;
-        return /*#__PURE__*/_react.default.createElement(Component, {
+        return item.extensionType === 'com.atlassian.rovo.skill' ? /*#__PURE__*/_react.default.createElement(_QuickInsertSkillMenuItem.QuickInsertSkillMenuItem, {
           apiRef: apiRef,
           createAnalyticsEvent: createAnalyticsEvent,
           editorActions: editorActions,
           item: item,
           onInsert: props.onInsert
+        }) : /*#__PURE__*/_react.default.createElement(_ExtensionQuickInsertMenuItem.ExtensionQuickInsertMenuItem, {
+          apiRef: apiRef,
+          createAnalyticsEvent: createAnalyticsEvent,
+          editorActions: editorActions,
+          item: item,
+          onInsert: props.onInsert,
+          prefetchVendors: prefetchVendors
         });
       }
     };

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "239.0.2";
+var version = exports.version = "239.0.3";