@atlaskit/editor-core 239.0.3 → 240.0.0

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

@@ -41,8 +41,6 @@ export const useMemoEditorProps = passedProps => {
       media: passedProps.media,
       collabEdit: passedProps.collabEdit,
       primaryToolbarComponents: passedProps.primaryToolbarComponents,
-      performanceTracking: passedProps.performanceTracking,
-      inputSamplingLimit: passedProps.inputSamplingLimit,
       allowUndoRedoButtons: passedProps.allowUndoRedoButtons,
       linking: passedProps.linking,
       activityProvider: passedProps.activityProvider,
@@ -114,7 +112,7 @@ export const useMemoEditorProps = passedProps => {
       ...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/es2019/ui/Appearance/FullPage/FullPageContentArea.js

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

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

@@ -1,6 +1,8 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
 import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
+import { getAppVendorLookup } from './app-vendor/getAppVendorLookup';
+import { useAppVendorName } from './app-vendor/useAppVendorName';
 import { executeExtensionQuickInsertItem } from './executeExtensionQuickInsertItem';
 import { ExtensionQuickInsertIcon } from './ExtensionQuickInsertIcon';
 export const ExtensionQuickInsertMenuItem = ({
@@ -8,12 +10,27 @@ export const ExtensionQuickInsertMenuItem = ({
   createAnalyticsEvent,
   editorActions,
   item,
-  onInsert
+  onInsert,
+  prefetchVendors
 }) => {
+  var _getAppVendorLookup;
   const {
     editorView,
     isOffline
   } = useQuickInsertContext();
+  const vendorName = useAppVendorName((_getAppVendorLookup = getAppVendorLookup(item)) === null || _getAppVendorLookup === void 0 ? void 0 : _getAppVendorLookup.id);
+  useEffect(() => {
+    prefetchVendors === null || prefetchVendors === void 0 ? void 0 : prefetchVendors();
+  }, [prefetchVendors]);
+  const preview = useMemo(() => {
+    var _item$preview;
+    return vendorName && !((_item$preview = item.preview) !== null && _item$preview !== void 0 && _item$preview.attribution) ? {
+      ...item.preview,
+      attribution: {
+        name: vendorName
+      }
+    } : item.preview;
+  }, [item.preview, vendorName]);
   const onSelect = useCallback(({
     insert,
     source
@@ -41,7 +58,7 @@ export const ExtensionQuickInsertMenuItem = ({
     isDisabled: isOffline,
     lozenge: item.lozenge,
     onSelect: onSelect,
-    preview: item.preview,
+    preview: preview,
     description: item.description,
     title: item.title
   });

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

@@ -0,0 +1,11 @@
+/** Statuses where retrying cannot succeed, or would add load to a throttled gateway. */
+const BLOCKING_STATUSES = new Set([401, 403, 429]);
+export class AppVendorRequestError extends Error {
+  /** Whether every remaining lookup should stop rather than retry. */
+
+  constructor(message, status) {
+    super(message);
+    this.name = 'AppVendorRequestError';
+    this.isBlocking = status !== undefined && BLOCKING_STATUSES.has(status);
+  }
+}

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

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+export const appVendorCache = {
+  entries: new Map(),
+  listeners: new Set()
+};

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

@@ -0,0 +1,69 @@
+import { AppVendorRequestError } from './AppVendorRequestError';
+const AGG_PATH = '/gateway/api/graphql';
+const OPERATION_NAME = 'QuickInsertAppVendorsQuery';
+const getField = ({
+  kind
+}, variable) => kind === 'forge' ? `marketplaceAppByCloudAppId(cloudAppId: $${variable})` : `marketplaceAppByKey(appKey: $${variable})`;
+const getVariableType = ({
+  kind
+}) => kind === 'forge' ? 'ID!' : 'String!';
+const buildQuery = lookups => {
+  const variables = lookups.map((lookup, index) => `$a${index}: ${getVariableType(lookup)}`);
+  const fields = lookups.map((lookup, index) => `a${index}: ${getField(lookup, `a${index}`)} { partner { name } }`);
+  return `query ${OPERATION_NAME}(${variables.join(', ')}) { ${fields.join(' ')} }`;
+};
+
+/** A request that never settles would otherwise leave its lookups pending for the page load. */
+const REQUEST_TIMEOUT_MS = 10_000;
+
+/**
+ * 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`.
+ */
+export const fetchAppVendors = async lookups => {
+  const controller = new AbortController();
+  const timeout = setTimeout(() => controller.abort(), REQUEST_TIMEOUT_MS);
+  try {
+    const response = await fetch(AGG_PATH, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        operationName: OPERATION_NAME,
+        query: buildQuery(lookups),
+        variables: Object.fromEntries(lookups.map(({
+          value
+        }, index) => [`a${index}`, value]))
+      }),
+      // Also aborts reading the body, so a slow response cannot hang either.
+      signal: controller.signal
+    });
+    if (!response.ok) {
+      throw new AppVendorRequestError(`App vendor request failed: ${response.status}`, response.status);
+    }
+    const {
+      data,
+      errors
+    } = await response.json();
+    if (!data) {
+      throw new AppVendorRequestError('App vendor request returned no data');
+    }
+
+    // A field that errored or timed out also returns null, which must not be cached as unlisted.
+    const erroredAliases = new Set(errors === null || errors === void 0 ? void 0 : errors.map(({
+      path
+    }) => path === null || path === void 0 ? void 0 : path[0]));
+    return new Map(lookups.flatMap(({
+      id
+    }, index) => {
+      var _data$alias, _data$alias$partner;
+      const alias = `a${index}`;
+      return erroredAliases.has(alias) ? [] : [[id, ((_data$alias = data[alias]) === null || _data$alias === void 0 ? void 0 : (_data$alias$partner = _data$alias.partner) === null || _data$alias$partner === void 0 ? void 0 : _data$alias$partner.name) || null]];
+    }));
+  } finally {
+    clearTimeout(timeout);
+  }
+};

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

@@ -0,0 +1,51 @@
+import { AppVendorRequestError } from './AppVendorRequestError';
+import { fetchAppVendors } from './fetchAppVendors';
+/** Marketplace has no bulk lookup; larger aliased requests time out. */
+const BATCH_SIZE = 15;
+const 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.
+ */
+export const fetchAppVendorsInBatches = async (lookups, {
+  onBatch,
+  shouldContinue
+}) => {
+  const batches = [];
+  for (let start = 0; start < lookups.length; start += BATCH_SIZE) {
+    batches.push(lookups.slice(start, start + BATCH_SIZE));
+  }
+  let nextBatch = 0;
+  const runWorker = async () => {
+    while (nextBatch < batches.length) {
+      const batch = batches[nextBatch++];
+      if (!shouldContinue()) {
+        onBatch(batch, {
+          status: 'skipped'
+        });
+        continue;
+      }
+      // Only the request is caught, so a batch is never reported twice.
+      let names;
+      try {
+        names = await fetchAppVendors(batch);
+      } catch (error) {
+        const isBlocking = error instanceof AppVendorRequestError && error.isBlocking;
+        onBatch(batch, {
+          error,
+          isBlocking,
+          status: 'rejected'
+        });
+        continue;
+      }
+      onBatch(batch, {
+        names,
+        status: 'fulfilled'
+      });
+    }
+  };
+  await Promise.all(Array.from({
+    length: Math.min(MAX_CONCURRENT_BATCHES, batches.length)
+  }, runWorker));
+};

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

@@ -0,0 +1,28 @@
+import { FORGE_EXTENSION_TYPE } from '@atlaskit/editor-common/extensions/manifest-helpers';
+const 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. */
+export const getAppVendorLookup = ({
+  app,
+  extensionType
+}) => {
+  if ((app === null || app === void 0 ? void 0 : app.source) !== 'ecosystem' || !app.key) {
+    return undefined;
+  }
+  if (extensionType === FORGE_EXTENSION_TYPE) {
+    // Marketplace returns null for a bare Forge app UUID, so always send the full ARI.
+    const value = app.key.startsWith(FORGE_APP_ARI_PREFIX) ? app.key : `${FORGE_APP_ARI_PREFIX}${app.key}`;
+    return {
+      id: `forge:${value}`,
+      kind: 'forge',
+      value
+    };
+  }
+  return {
+    id: `connect:${app.key}`,
+    kind: 'connect',
+    value: app.key
+  };
+};

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

@@ -0,0 +1,109 @@
+import { logException } from '@atlaskit/editor-common/monitoring/error';
+import { appVendorCache } from './appVendorCache';
+import { getAppVendorLookup } from './getAppVendorLookup';
+
+/** Failed lookups are retried on later menu opens, up to this many attempts per page load. */
+const MAX_ATTEMPTS = 3;
+const LOG_LOCATION = 'editor-core/quick-insert/prefetchAppVendors';
+const {
+  entries,
+  listeners
+} = appVendorCache;
+
+/**
+ * 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.
+ */
+let isBlocked = false;
+const shouldFetch = entry => !entry || entry.status === 'failed' && entry.attempts < MAX_ATTEMPTS;
+const getAttempts = entry => (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.
+const notify = () => listeners.forEach(listener => {
+  try {
+    listener();
+  } catch (error) {
+    logException(error, {
+      location: LOG_LOCATION
+    });
+  }
+});
+const markFailed = ({
+  attempts,
+  id
+}) => entries.set(id, {
+  attempts,
+  status: 'failed'
+});
+const settleBatch = (batch, result) => {
+  if (result.status !== 'fulfilled') {
+    if (result.status === 'rejected') {
+      isBlocked ||= result.isBlocking;
+      logException(result.error, {
+        location: LOG_LOCATION
+      });
+    }
+    batch.forEach(markFailed);
+    return;
+  }
+
+  // Lookups missing from the result errored individually and stay retryable.
+  batch.forEach(lookup => {
+    const name = result.names.get(lookup.id);
+    if (name === undefined) {
+      markFailed(lookup);
+    } else {
+      entries.set(lookup.id, {
+        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.
+ */
+export const prefetchAppVendors = items => {
+  if (isBlocked) {
+    return;
+  }
+  const lookups = [];
+  items.forEach(item => {
+    const lookup = getAppVendorLookup(item);
+    const entry = lookup && entries.get(lookup.id);
+    if (lookup && shouldFetch(entry)) {
+      lookups.push({
+        ...lookup,
+        attempts: getAttempts(entry) + 1
+      });
+      entries.set(lookup.id, {
+        status: 'pending'
+      });
+    }
+  });
+  if (lookups.length === 0) {
+    return;
+  }
+  void import( /* webpackChunkName: "@atlaskit-internal_editor-core-quick-insert-app-vendor" */'./fetchAppVendorsInBatches').then(({
+    fetchAppVendorsInBatches
+  }) => fetchAppVendorsInBatches(lookups, {
+    onBatch: settleBatch,
+    shouldContinue: () => !isBlocked
+  }), error => {
+    // The chunk failed to load; nothing was requested, so every queued lookup can retry.
+    lookups.forEach(markFailed);
+    logException(error, {
+      location: LOG_LOCATION
+    });
+  }).catch(error => {
+    // Fetch errors are reported per batch; this only catches an unexpected throw while settling.
+    logException(error, {
+      location: LOG_LOCATION
+    });
+  });
+};

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

@@ -0,0 +1,18 @@
+import { useSyncExternalStore } from 'react';
+import { appVendorCache } from './appVendorCache';
+const subscribe = listener => {
+  appVendorCache.listeners.add(listener);
+  return () => {
+    appVendorCache.listeners.delete(listener);
+  };
+};
+const getServerSnapshot = () => undefined;
+
+/** Returns the partner name, `null` for unlisted apps, or `undefined` while unknown. */
+export const useAppVendorName = id => {
+  const getSnapshot = () => {
+    const entry = id ? appVendorCache.entries.get(id) : undefined;
+    return (entry === null || entry === void 0 ? void 0 : entry.status) === 'resolved' ? entry.name : undefined;
+  };
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};

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

@@ -3,6 +3,7 @@ import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/c
 import { getQuickInsertMenuItemParents } from '@atlaskit/editor-common/quick-insert/get-menu-item-parents';
 import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, STRUCTURE_SECTION, TABS_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
 import { CREATE_SECTION_RANK, EXTENSION_ITEM_RANK, MEDIA_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { prefetchAppVendors } from './app-vendor/prefetchAppVendors';
 import { ExtensionQuickInsertMenuItem } from './ExtensionQuickInsertMenuItem';
 import { QuickInsertSkillMenuItem } from './QuickInsertSkillMenuItem';
 const structureExtensionItemKeyRanks = {
@@ -59,6 +60,8 @@ export const getExtensionQuickInsertComponents = ({
   items
 }) => {
   const getExtensionItemRank = createExtensionItemRanker(items);
+  // Every row prefetches all items so the first row to mount fetches vendors in one batch.
+  const prefetchVendors = () => prefetchAppVendors(items);
   return items.map((item, index) => {
     const structureRank = getStructureExtensionItemRank(item);
     const isStructureItem = structureRank !== undefined;
@@ -90,16 +93,20 @@ export const getExtensionQuickInsertComponents = ({
         keywords: item.keywords,
         title: item.title
       })),
-      component: props => {
-        const Component = item.extensionType === 'com.atlassian.rovo.skill' ? QuickInsertSkillMenuItem : ExtensionQuickInsertMenuItem;
-        return /*#__PURE__*/React.createElement(Component, {
-          apiRef: apiRef,
-          createAnalyticsEvent: createAnalyticsEvent,
-          editorActions: editorActions,
-          item: item,
-          onInsert: props.onInsert
-        });
-      }
+      component: props => item.extensionType === 'com.atlassian.rovo.skill' ? /*#__PURE__*/React.createElement(QuickInsertSkillMenuItem, {
+        apiRef: apiRef,
+        createAnalyticsEvent: createAnalyticsEvent,
+        editorActions: editorActions,
+        item: item,
+        onInsert: props.onInsert
+      }) : /*#__PURE__*/React.createElement(ExtensionQuickInsertMenuItem, {
+        apiRef: apiRef,
+        createAnalyticsEvent: createAnalyticsEvent,
+        editorActions: editorActions,
+        item: item,
+        onInsert: props.onInsert,
+        prefetchVendors: prefetchVendors
+      })
     };
   });
 };

package/dist/es2019/version-wrapper.js

@@ -1,3 +1,3 @@
 export const name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const version = "239.0.2";
+export const version = "239.0.3";

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

@@ -44,8 +44,6 @@ export var useMemoEditorProps = function useMemoEditorProps(passedProps) {
       media: passedProps.media,
       collabEdit: passedProps.collabEdit,
       primaryToolbarComponents: passedProps.primaryToolbarComponents,
-      performanceTracking: passedProps.performanceTracking,
-      inputSamplingLimit: passedProps.inputSamplingLimit,
       allowUndoRedoButtons: passedProps.allowUndoRedoButtons,
       linking: passedProps.linking,
       activityProvider: passedProps.activityProvider,
@@ -114,7 +112,7 @@ export var useMemoEditorProps = function useMemoEditorProps(passedProps) {
     };
     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/esm/ui/Appearance/FullPage/FullPageContentArea.js

@@ -53,7 +53,7 @@ var compiledStyles = {
 export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var EDITOR_CONTAINER = 'ak-editor-container';
 var Content = /*#__PURE__*/React.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 = useRef(null);
@@ -131,20 +131,14 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, allowScrollGutter && (editorExperiment('platform_editor_blocks', true) ? /*#__PURE__*/React.createElement("div", {
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, allowScrollGutter && /*#__PURE__*/React.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.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.createElement("div", {
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef,

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

@@ -1,17 +1,36 @@
-import React, { useCallback } from 'react';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 React, { useCallback, useEffect, useMemo } from 'react';
 import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
 import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
+import { getAppVendorLookup } from './app-vendor/getAppVendorLookup';
+import { useAppVendorName } from './app-vendor/useAppVendorName';
 import { executeExtensionQuickInsertItem } from './executeExtensionQuickInsertItem';
 import { ExtensionQuickInsertIcon } from './ExtensionQuickInsertIcon';
 export var 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 = useQuickInsertContext(),
     editorView = _useQuickInsertContex.editorView,
     isOffline = _useQuickInsertContex.isOffline;
+  var vendorName = useAppVendorName((_getAppVendorLookup = getAppVendorLookup(item)) === null || _getAppVendorLookup === void 0 ? void 0 : _getAppVendorLookup.id);
+  useEffect(function () {
+    prefetchVendors === null || prefetchVendors === void 0 || prefetchVendors();
+  }, [prefetchVendors]);
+  var preview = 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 = useCallback(function (_ref2) {
     var insert = _ref2.insert,
       source = _ref2.source;
@@ -38,7 +57,7 @@ export var ExtensionQuickInsertMenuItem = function ExtensionQuickInsertMenuItem(
     isDisabled: isOffline,
     lozenge: item.lozenge,
     onSelect: onSelect,
-    preview: item.preview,
+    preview: preview,
     description: item.description,
     title: item.title
   });

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

@@ -0,0 +1,24 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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]);
+export var AppVendorRequestError = /*#__PURE__*/function (_Error) {
+  /** Whether every remaining lookup should stop rather than retry. */
+
+  function AppVendorRequestError(message, status) {
+    var _this;
+    _classCallCheck(this, AppVendorRequestError);
+    _this = _callSuper(this, AppVendorRequestError, [message]);
+    _this.name = 'AppVendorRequestError';
+    _this.isBlocking = status !== undefined && BLOCKING_STATUSES.has(status);
+    return _this;
+  }
+  _inherits(AppVendorRequestError, _Error);
+  return _createClass(AppVendorRequestError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));

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

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+export var appVendorCache = {
+  entries: new Map(),
+  listeners: new Set()
+};