@atlaskit/editor-plugin-paste-options-toolbar 13.0.20 → 13.1.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-paste-options-toolbar
 
+## 13.1.0
+
+### Minor Changes
+
+- [`779a0020403de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/779a0020403de) -
+  Add async hidden support to paste menu registered components, including timeout/error handling and
+  single Smart Link URL context from the paste options toolbar. Use Smart Card access checks to hide
+  Smart Link Display as options and AI Add Summary / Ask Rovo paste actions for inaccessible
+  single-link pastes in Confluence.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.0.20
 
 ### Patch Changes

package/dist/cjs/ui/on-paste-actions-menu/PasteActionsMenu.js

@@ -428,6 +428,7 @@ var PasteActionsMenu = exports.PasteActionsMenu = function PasteActionsMenu(_ref
     onMouseDown: preventEditorFocusLoss,
     onMouseEnter: handleMouseEnter,
     components: pasteMenuComponents,
-    contentRef: popupContentRef
+    contentRef: popupContentRef,
+    pastedSlice: lastContentPasted === null || lastContentPasted === void 0 ? void 0 : lastContentPasted.pastedSlice
   }))));
 };

package/dist/cjs/ui/on-paste-actions-menu/PasteActionsMenuContent.js

@@ -1,6 +1,7 @@
 /* PasteActionsMenuContent.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.PasteActionsMenuContent = void 0;
 require("./PasteActionsMenuContent.compiled.css");
 var _runtime = require("@compiled/react/runtime");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
@@ -15,7 +18,14 @@ var _toolbarMenuContainer = require("@atlaskit/editor-toolbar/toolbar-menu-conta
 var _editorUiControlModel = require("@atlaskit/editor-ui-control-model");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _currentPastedSmartLink = require("../utils/current-pasted-smart-link");
+var _asyncHidden = require("./async-hidden");
 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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var styles = {
   container: "_2rko12b0 _bfhk1bhr _16qs130s"
 };
@@ -27,8 +37,82 @@ var PasteActionsMenuContent = exports.PasteActionsMenuContent = function PasteAc
   var onMouseDown = _ref.onMouseDown,
     onMouseEnter = _ref.onMouseEnter,
     components = _ref.components,
-    contentRef = _ref.contentRef;
+    contentRef = _ref.contentRef,
+    pastedSlice = _ref.pastedSlice;
   var setOutsideClickTargetRef = (0, _react.useContext)(_uiReact.OutsideClickTargetRefContext);
+
+  // Extract the pasted URL (if the pasted content was a single smart link).
+  // Uses the reactive pasted slice from the paste plugin state so pastedUrl
+  // updates when paste state changes.
+  var pastedUrl = (0, _currentPastedSmartLink.getSingleSmartLinkUrlFromSlice)(pastedSlice);
+
+  // Components with isAsyncHidden are hidden until the async check resolves.
+  // This prevents flash-of-visible content for items that
+  // should ultimately be hidden. A generation counter discards stale results.
+  var _useState = (0, _react.useState)(function () {
+      return Object.fromEntries(components.map(function (component) {
+        return [component.key, true];
+      }));
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    asyncHiddenResults = _useState2[0],
+    setAsyncHiddenResults = _useState2[1];
+  var generationRef = (0, _react.useRef)(0);
+  (0, _react.useEffect)(function () {
+    var asyncComponents = [];
+    var _iterator = _createForOfIteratorHelper(components),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var component = _step.value;
+        if (typeof component.isAsyncHidden === 'function') {
+          asyncComponents.push(component);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (asyncComponents.length === 0) {
+      setAsyncHiddenResults({});
+      return;
+    }
+
+    // Reset: mark all async components as hidden until this round resolves.
+    var pending = {};
+    for (var _i = 0, _asyncComponents = asyncComponents; _i < _asyncComponents.length; _i++) {
+      var c = _asyncComponents[_i];
+      pending[c.key] = true;
+    }
+    setAsyncHiddenResults(pending);
+    var generation = ++generationRef.current;
+    var context = {
+      pastedUrl: pastedUrl
+    };
+    void (0, _asyncHidden.evaluateAsyncHidden)(asyncComponents, context).then(function (results) {
+      // Discard if a newer effect has already started.
+      if (generation === generationRef.current) {
+        setAsyncHiddenResults(results);
+      }
+    });
+  }, [components, pastedUrl]);
+
+  // SurfaceRenderer evaluates isHidden() itself on each component. Override
+  // isHidden on async components so SurfaceRenderer sees the resolved value.
+  var visibleComponents = components.map(function (component) {
+    if (typeof component.isAsyncHidden !== 'function') {
+      // No async check — pass through unchanged.
+      return component;
+    }
+    var asyncResult = asyncHiddenResults[component.key];
+    return _objectSpread(_objectSpread({}, component), {}, {
+      isHidden: function isHidden() {
+        var _component$isHidden;
+        return asyncResult === true || Boolean((_component$isHidden = component.isHidden) === null || _component$isHidden === void 0 ? void 0 : _component$isHidden.call(component));
+      }
+    });
+  });
   var mergedRef = (0, _react.useCallback)(function (node) {
     setOutsideClickTargetRef === null || setOutsideClickTargetRef === void 0 || setOutsideClickTargetRef(node);
     if (contentRef) {
@@ -42,7 +126,7 @@ var PasteActionsMenuContent = exports.PasteActionsMenuContent = function PasteAc
       onMouseEnter: onMouseEnter
     }, /*#__PURE__*/_react.default.createElement(_editorUiControlModel.SurfaceRenderer, {
       surface: pasteMenuSurface,
-      components: components
+      components: visibleComponents
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
@@ -52,6 +136,6 @@ var PasteActionsMenuContent = exports.PasteActionsMenuContent = function PasteAc
     onMouseEnter: onMouseEnter
   }, /*#__PURE__*/_react.default.createElement(_editorUiControlModel.SurfaceRenderer, {
     surface: pasteMenuSurface,
-    components: components
+    components: visibleComponents
   }));
 };

package/dist/cjs/ui/on-paste-actions-menu/async-hidden.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ASYNC_HIDDEN_TIMEOUT_MS = void 0;
+exports.evaluateAsyncHidden = evaluateAsyncHidden;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+/** How long to wait for each `isAsyncHidden` check before treating it as hidden. */
+var ASYNC_HIDDEN_TIMEOUT_MS = exports.ASYNC_HIDDEN_TIMEOUT_MS = 3000;
+var hasAsyncHidden = function hasAsyncHidden(component) {
+  return typeof component.isAsyncHidden === 'function';
+};
+var rejectOnTimeout = function rejectOnTimeout(promise, timeoutMs) {
+  var timeoutId;
+  var timeoutPromise = new Promise(function (_, reject) {
+    timeoutId = setTimeout(function () {
+      return reject(new Error('isAsyncHidden timeout'));
+    }, timeoutMs);
+  });
+  return Promise.race([promise.finally(function () {
+    if (timeoutId !== undefined) {
+      clearTimeout(timeoutId);
+    }
+  }), timeoutPromise]);
+};
+var evaluateComponentAsyncHidden = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(component, context) {
+    var hidden, _t;
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 1;
+          return rejectOnTimeout(component.isAsyncHidden(context), ASYNC_HIDDEN_TIMEOUT_MS);
+        case 1:
+          hidden = _context.sent;
+          return _context.abrupt("return", {
+            key: component.key,
+            hidden: hidden
+          });
+        case 2:
+          _context.prev = 2;
+          _t = _context["catch"](0);
+          return _context.abrupt("return", {
+            key: component.key,
+            hidden: true
+          });
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 2]]);
+  }));
+  return function evaluateComponentAsyncHidden(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/**
+ * Evaluates all `isAsyncHidden` functions in parallel.
+ * Each check is raced against a timeout; timeouts and errors are hidden.
+ *
+ * Returns a plain object that maps each component key to its hidden state.
+ * Components without `isAsyncHidden` are not present in the result.
+ */
+function evaluateAsyncHidden(_x3, _x4) {
+  return _evaluateAsyncHidden.apply(this, arguments);
+}
+function _evaluateAsyncHidden() {
+  _evaluateAsyncHidden = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(components, context) {
+    var results;
+    return _regenerator.default.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 1;
+          return Promise.all(components.filter(hasAsyncHidden).map(function (component) {
+            return evaluateComponentAsyncHidden(component, context);
+          }));
+        case 1:
+          results = _context2.sent;
+          return _context2.abrupt("return", Object.fromEntries(results.map(function (_ref2) {
+            var key = _ref2.key,
+              hidden = _ref2.hidden;
+            return [key, hidden];
+          })));
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _evaluateAsyncHidden.apply(this, arguments);
+}

package/dist/es2019/ui/on-paste-actions-menu/PasteActionsMenu.js

@@ -405,6 +405,7 @@ export const PasteActionsMenu = ({
     onMouseDown: preventEditorFocusLoss,
     onMouseEnter: handleMouseEnter,
     components: pasteMenuComponents,
-    contentRef: popupContentRef
+    contentRef: popupContentRef,
+    pastedSlice: lastContentPasted === null || lastContentPasted === void 0 ? void 0 : lastContentPasted.pastedSlice
   }))));
 };

package/dist/es2019/ui/on-paste-actions-menu/PasteActionsMenuContent.js

@@ -1,13 +1,15 @@
 /* PasteActionsMenuContent.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./PasteActionsMenuContent.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useContext } from 'react';
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { PASTE_MENU } from '@atlaskit/editor-common/toolbar';
 import { OutsideClickTargetRefContext } from '@atlaskit/editor-common/ui-react';
 import { ToolbarMenuContainer } from '@atlaskit/editor-toolbar/toolbar-menu-container';
 import { SurfaceRenderer } from '@atlaskit/editor-ui-control-model';
 import { Box } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { getSingleSmartLinkUrlFromSlice } from '../utils/current-pasted-smart-link';
+import { evaluateAsyncHidden } from './async-hidden';
 const styles = {
   container: "_2rko12b0 _bfhk1bhr _16qs130s"
 };
@@ -19,9 +21,69 @@ export const PasteActionsMenuContent = ({
   onMouseDown,
   onMouseEnter,
   components,
-  contentRef
+  contentRef,
+  pastedSlice
 }) => {
   const setOutsideClickTargetRef = useContext(OutsideClickTargetRefContext);
+
+  // Extract the pasted URL (if the pasted content was a single smart link).
+  // Uses the reactive pasted slice from the paste plugin state so pastedUrl
+  // updates when paste state changes.
+  const pastedUrl = getSingleSmartLinkUrlFromSlice(pastedSlice);
+
+  // Components with isAsyncHidden are hidden until the async check resolves.
+  // This prevents flash-of-visible content for items that
+  // should ultimately be hidden. A generation counter discards stale results.
+  const [asyncHiddenResults, setAsyncHiddenResults] = useState(() => {
+    return Object.fromEntries(components.map(component => [component.key, true]));
+  });
+  const generationRef = useRef(0);
+  useEffect(() => {
+    const asyncComponents = [];
+    for (const component of components) {
+      if (typeof component.isAsyncHidden === 'function') {
+        asyncComponents.push(component);
+      }
+    }
+    if (asyncComponents.length === 0) {
+      setAsyncHiddenResults({});
+      return;
+    }
+
+    // Reset: mark all async components as hidden until this round resolves.
+    const pending = {};
+    for (const c of asyncComponents) {
+      pending[c.key] = true;
+    }
+    setAsyncHiddenResults(pending);
+    const generation = ++generationRef.current;
+    const context = {
+      pastedUrl
+    };
+    void evaluateAsyncHidden(asyncComponents, context).then(results => {
+      // Discard if a newer effect has already started.
+      if (generation === generationRef.current) {
+        setAsyncHiddenResults(results);
+      }
+    });
+  }, [components, pastedUrl]);
+
+  // SurfaceRenderer evaluates isHidden() itself on each component. Override
+  // isHidden on async components so SurfaceRenderer sees the resolved value.
+  const visibleComponents = components.map(component => {
+    if (typeof component.isAsyncHidden !== 'function') {
+      // No async check — pass through unchanged.
+      return component;
+    }
+    const asyncResult = asyncHiddenResults[component.key];
+    return {
+      ...component,
+      isHidden: () => {
+        var _component$isHidden;
+        return asyncResult === true || Boolean((_component$isHidden = component.isHidden) === null || _component$isHidden === void 0 ? void 0 : _component$isHidden.call(component));
+      }
+    };
+  });
   const mergedRef = useCallback(node => {
     setOutsideClickTargetRef === null || setOutsideClickTargetRef === void 0 ? void 0 : setOutsideClickTargetRef(node);
     if (contentRef) {
@@ -35,7 +97,7 @@ export const PasteActionsMenuContent = ({
       onMouseEnter: onMouseEnter
     }, /*#__PURE__*/React.createElement(SurfaceRenderer, {
       surface: pasteMenuSurface,
-      components: components
+      components: visibleComponents
     }));
   }
   return /*#__PURE__*/React.createElement(Box, {
@@ -45,6 +107,6 @@ export const PasteActionsMenuContent = ({
     onMouseEnter: onMouseEnter
   }, /*#__PURE__*/React.createElement(SurfaceRenderer, {
     surface: pasteMenuSurface,
-    components: components
+    components: visibleComponents
   }));
 };

package/dist/es2019/ui/on-paste-actions-menu/async-hidden.js

@@ -0,0 +1,43 @@
+/** How long to wait for each `isAsyncHidden` check before treating it as hidden. */
+export const ASYNC_HIDDEN_TIMEOUT_MS = 3000;
+const hasAsyncHidden = component => typeof component.isAsyncHidden === 'function';
+const rejectOnTimeout = (promise, timeoutMs) => {
+  let timeoutId;
+  const timeoutPromise = new Promise((_, reject) => {
+    timeoutId = setTimeout(() => reject(new Error('isAsyncHidden timeout')), timeoutMs);
+  });
+  return Promise.race([promise.finally(() => {
+    if (timeoutId !== undefined) {
+      clearTimeout(timeoutId);
+    }
+  }), timeoutPromise]);
+};
+const evaluateComponentAsyncHidden = async (component, context) => {
+  try {
+    const hidden = await rejectOnTimeout(component.isAsyncHidden(context), ASYNC_HIDDEN_TIMEOUT_MS);
+    return {
+      key: component.key,
+      hidden
+    };
+  } catch {
+    return {
+      key: component.key,
+      hidden: true
+    };
+  }
+};
+
+/**
+ * Evaluates all `isAsyncHidden` functions in parallel.
+ * Each check is raced against a timeout; timeouts and errors are hidden.
+ *
+ * Returns a plain object that maps each component key to its hidden state.
+ * Components without `isAsyncHidden` are not present in the result.
+ */
+export async function evaluateAsyncHidden(components, context) {
+  const results = await Promise.all(components.filter(hasAsyncHidden).map(component => evaluateComponentAsyncHidden(component, context)));
+  return Object.fromEntries(results.map(({
+    key,
+    hidden
+  }) => [key, hidden]));
+}

package/dist/esm/ui/on-paste-actions-menu/PasteActionsMenu.js

@@ -412,6 +412,7 @@ export var PasteActionsMenu = function PasteActionsMenu(_ref) {
     onMouseDown: preventEditorFocusLoss,
     onMouseEnter: handleMouseEnter,
     components: pasteMenuComponents,
-    contentRef: popupContentRef
+    contentRef: popupContentRef,
+    pastedSlice: lastContentPasted === null || lastContentPasted === void 0 ? void 0 : lastContentPasted.pastedSlice
   }))));
 };

package/dist/esm/ui/on-paste-actions-menu/PasteActionsMenuContent.js

@@ -1,13 +1,22 @@
 /* PasteActionsMenuContent.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./PasteActionsMenuContent.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useContext } from 'react';
+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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { PASTE_MENU } from '@atlaskit/editor-common/toolbar';
 import { OutsideClickTargetRefContext } from '@atlaskit/editor-common/ui-react';
 import { ToolbarMenuContainer } from '@atlaskit/editor-toolbar/toolbar-menu-container';
 import { SurfaceRenderer } from '@atlaskit/editor-ui-control-model';
 import { Box } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { getSingleSmartLinkUrlFromSlice } from '../utils/current-pasted-smart-link';
+import { evaluateAsyncHidden } from './async-hidden';
 var styles = {
   container: "_2rko12b0 _bfhk1bhr _16qs130s"
 };
@@ -19,8 +28,82 @@ export var PasteActionsMenuContent = function PasteActionsMenuContent(_ref) {
   var onMouseDown = _ref.onMouseDown,
     onMouseEnter = _ref.onMouseEnter,
     components = _ref.components,
-    contentRef = _ref.contentRef;
+    contentRef = _ref.contentRef,
+    pastedSlice = _ref.pastedSlice;
   var setOutsideClickTargetRef = useContext(OutsideClickTargetRefContext);
+
+  // Extract the pasted URL (if the pasted content was a single smart link).
+  // Uses the reactive pasted slice from the paste plugin state so pastedUrl
+  // updates when paste state changes.
+  var pastedUrl = getSingleSmartLinkUrlFromSlice(pastedSlice);
+
+  // Components with isAsyncHidden are hidden until the async check resolves.
+  // This prevents flash-of-visible content for items that
+  // should ultimately be hidden. A generation counter discards stale results.
+  var _useState = useState(function () {
+      return Object.fromEntries(components.map(function (component) {
+        return [component.key, true];
+      }));
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    asyncHiddenResults = _useState2[0],
+    setAsyncHiddenResults = _useState2[1];
+  var generationRef = useRef(0);
+  useEffect(function () {
+    var asyncComponents = [];
+    var _iterator = _createForOfIteratorHelper(components),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var component = _step.value;
+        if (typeof component.isAsyncHidden === 'function') {
+          asyncComponents.push(component);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (asyncComponents.length === 0) {
+      setAsyncHiddenResults({});
+      return;
+    }
+
+    // Reset: mark all async components as hidden until this round resolves.
+    var pending = {};
+    for (var _i = 0, _asyncComponents = asyncComponents; _i < _asyncComponents.length; _i++) {
+      var c = _asyncComponents[_i];
+      pending[c.key] = true;
+    }
+    setAsyncHiddenResults(pending);
+    var generation = ++generationRef.current;
+    var context = {
+      pastedUrl: pastedUrl
+    };
+    void evaluateAsyncHidden(asyncComponents, context).then(function (results) {
+      // Discard if a newer effect has already started.
+      if (generation === generationRef.current) {
+        setAsyncHiddenResults(results);
+      }
+    });
+  }, [components, pastedUrl]);
+
+  // SurfaceRenderer evaluates isHidden() itself on each component. Override
+  // isHidden on async components so SurfaceRenderer sees the resolved value.
+  var visibleComponents = components.map(function (component) {
+    if (typeof component.isAsyncHidden !== 'function') {
+      // No async check — pass through unchanged.
+      return component;
+    }
+    var asyncResult = asyncHiddenResults[component.key];
+    return _objectSpread(_objectSpread({}, component), {}, {
+      isHidden: function isHidden() {
+        var _component$isHidden;
+        return asyncResult === true || Boolean((_component$isHidden = component.isHidden) === null || _component$isHidden === void 0 ? void 0 : _component$isHidden.call(component));
+      }
+    });
+  });
   var mergedRef = useCallback(function (node) {
     setOutsideClickTargetRef === null || setOutsideClickTargetRef === void 0 || setOutsideClickTargetRef(node);
     if (contentRef) {
@@ -34,7 +117,7 @@ export var PasteActionsMenuContent = function PasteActionsMenuContent(_ref) {
       onMouseEnter: onMouseEnter
     }, /*#__PURE__*/React.createElement(SurfaceRenderer, {
       surface: pasteMenuSurface,
-      components: components
+      components: visibleComponents
     }));
   }
   return /*#__PURE__*/React.createElement(Box, {
@@ -44,6 +127,6 @@ export var PasteActionsMenuContent = function PasteActionsMenuContent(_ref) {
     onMouseEnter: onMouseEnter
   }, /*#__PURE__*/React.createElement(SurfaceRenderer, {
     surface: pasteMenuSurface,
-    components: components
+    components: visibleComponents
   }));
 };

package/dist/esm/ui/on-paste-actions-menu/async-hidden.js

@@ -0,0 +1,88 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/** How long to wait for each `isAsyncHidden` check before treating it as hidden. */
+export var ASYNC_HIDDEN_TIMEOUT_MS = 3000;
+var hasAsyncHidden = function hasAsyncHidden(component) {
+  return typeof component.isAsyncHidden === 'function';
+};
+var rejectOnTimeout = function rejectOnTimeout(promise, timeoutMs) {
+  var timeoutId;
+  var timeoutPromise = new Promise(function (_, reject) {
+    timeoutId = setTimeout(function () {
+      return reject(new Error('isAsyncHidden timeout'));
+    }, timeoutMs);
+  });
+  return Promise.race([promise.finally(function () {
+    if (timeoutId !== undefined) {
+      clearTimeout(timeoutId);
+    }
+  }), timeoutPromise]);
+};
+var evaluateComponentAsyncHidden = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(component, context) {
+    var hidden, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 1;
+          return rejectOnTimeout(component.isAsyncHidden(context), ASYNC_HIDDEN_TIMEOUT_MS);
+        case 1:
+          hidden = _context.sent;
+          return _context.abrupt("return", {
+            key: component.key,
+            hidden: hidden
+          });
+        case 2:
+          _context.prev = 2;
+          _t = _context["catch"](0);
+          return _context.abrupt("return", {
+            key: component.key,
+            hidden: true
+          });
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 2]]);
+  }));
+  return function evaluateComponentAsyncHidden(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/**
+ * Evaluates all `isAsyncHidden` functions in parallel.
+ * Each check is raced against a timeout; timeouts and errors are hidden.
+ *
+ * Returns a plain object that maps each component key to its hidden state.
+ * Components without `isAsyncHidden` are not present in the result.
+ */
+export function evaluateAsyncHidden(_x3, _x4) {
+  return _evaluateAsyncHidden.apply(this, arguments);
+}
+function _evaluateAsyncHidden() {
+  _evaluateAsyncHidden = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(components, context) {
+    var results;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 1;
+          return Promise.all(components.filter(hasAsyncHidden).map(function (component) {
+            return evaluateComponentAsyncHidden(component, context);
+          }));
+        case 1:
+          results = _context2.sent;
+          return _context2.abrupt("return", Object.fromEntries(results.map(function (_ref2) {
+            var key = _ref2.key,
+              hidden = _ref2.hidden;
+            return [key, hidden];
+          })));
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _evaluateAsyncHidden.apply(this, arguments);
+}

package/dist/types/ui/on-paste-actions-menu/PasteActionsMenuContent.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
-import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model/types';
 interface PasteActionsMenuContentProps {
     components: RegisterComponent[];
     contentRef?: React.RefObject<HTMLDivElement | null>;
     onMouseDown: (e: React.MouseEvent) => void;
     onMouseEnter: () => void;
+    /** The pasted slice, used to extract a single smart link URL for `isAsyncHidden` checks. */
+    pastedSlice?: Slice;
 }
-export declare const PasteActionsMenuContent: ({ onMouseDown, onMouseEnter, components, contentRef, }: PasteActionsMenuContentProps) => React.JSX.Element;
+export declare const PasteActionsMenuContent: ({ onMouseDown, onMouseEnter, components, contentRef, pastedSlice, }: PasteActionsMenuContentProps) => React.JSX.Element;
 export {};

package/dist/types/ui/on-paste-actions-menu/async-hidden.d.ts

@@ -0,0 +1,12 @@
+import type { AsyncHiddenContext, RegisterComponent } from '@atlaskit/editor-ui-control-model/types';
+/** How long to wait for each `isAsyncHidden` check before treating it as hidden. */
+export declare const ASYNC_HIDDEN_TIMEOUT_MS = 3000;
+export type AsyncHiddenResults = Record<string, boolean>;
+/**
+ * Evaluates all `isAsyncHidden` functions in parallel.
+ * Each check is raced against a timeout; timeouts and errors are hidden.
+ *
+ * Returns a plain object that maps each component key to its hidden state.
+ * Components without `isAsyncHidden` are not present in the result.
+ */
+export declare function evaluateAsyncHidden(components: RegisterComponent[], context: AsyncHiddenContext): Promise<AsyncHiddenResults>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-paste-options-toolbar",
-	"version": "13.0.20",
+	"version": "13.1.0",
 	"description": "Paste options toolbar for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,18 +30,18 @@
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-toolbar": "^2.1.0",
-		"@atlaskit/editor-ui-control-model": "^2.1.0",
+		"@atlaskit/editor-ui-control-model": "^2.2.0",
 		"@atlaskit/icon": "^36.2.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
-		"@atlaskit/primitives": "^20.3.0",
-		"@atlaskit/tmp-editor-statsig": "^121.0.0",
-		"@atlaskit/tokens": "^15.4.0",
+		"@atlaskit/primitives": "^20.5.0",
+		"@atlaskit/tmp-editor-statsig": "^122.0.0",
+		"@atlaskit/tokens": "^15.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.22.0",
+		"@atlaskit/editor-common": "^116.24.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"