@atlaskit/editor-plugin-card 18.0.20 → 18.1.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-card
 
+## 18.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
+
 ## 18.0.20
 
 ### Patch Changes

package/dist/cjs/cardPlugin.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,11 +10,12 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _utils = require("@atlaskit/editor-common/utils");
 var _linkDatasource = require("@atlaskit/link-datasource");
+var _context3 = require("@atlaskit/link-provider/context");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _blockCard = require("./nodeviews/toDOM-fixes/blockCard");
@@ -32,18 +34,32 @@ var _EditorSmartCardEvents = require("./ui/EditorSmartCardEvents");
 var _LayoutButton = _interopRequireDefault(require("./ui/LayoutButton"));
 var _PasteDisplayAsMenu = require("./ui/PasteDisplayAsMenu");
 var _toolbar = require("./ui/toolbar");
+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" != _typeof3(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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); 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; } // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
-var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
+var PasteMenuSmartCardClientSync = function PasteMenuSmartCardClientSync(_ref) {
+  var _smartCardContext$con2;
+  var clientRef = _ref.clientRef;
+  var smartCardContext = (0, _react.useContext)(_context3.SmartCardContext);
+  (0, _react.useEffect)(function () {
+    var _smartCardContext$con;
+    clientRef.current = smartCardContext === null || smartCardContext === void 0 || (_smartCardContext$con = smartCardContext.connections) === null || _smartCardContext$con === void 0 ? void 0 : _smartCardContext$con.client;
+  }, [clientRef, smartCardContext === null || smartCardContext === void 0 || (_smartCardContext$con2 = smartCardContext.connections) === null || _smartCardContext$con2 === void 0 ? void 0 : _smartCardContext$con2.client]);
+  return null;
+};
+var cardPlugin = exports.cardPlugin = function cardPlugin(_ref2) {
   var _api$base, _options$lpLinkPicker;
-  var _ref$config = _ref.config,
-    options = _ref$config === void 0 ? {} : _ref$config,
-    api = _ref.api;
+  var _ref2$config = _ref2.config,
+    options = _ref2$config === void 0 ? {} : _ref2$config,
+    api = _ref2.api;
   var previousCardProvider;
   var cardPluginEvents = (0, _createEventsQueue.createEventsQueue)();
   var instanceEmbedCardTransformers = options.embedCardTransformers;
   var editorViewForPasteMenu;
+  var pasteMenuSmartCardClientRef = {
+    current: undefined
+  };
   var pasteMenuVariant = (0, _expVal.expValNoExposure)('platform_editor_paste_actions_menu_v2', 'variant', 'control');
   var shouldRegisterPasteDisplayAsMenu = options.enablePasteDisplayAsMenu && ['hasSpellingAndGrammar', 'hasAltAiActions'].includes(pasteMenuVariant);
   if (shouldRegisterPasteDisplayAsMenu) {
@@ -54,13 +70,14 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
       allowEmbeds: options.onlyInlineCards ? false : options.allowEmbeds,
       getEditorView: function getEditorView() {
         return editorViewForPasteMenu;
-      }
+      },
+      smartCardClientRef: pasteMenuSmartCardClientRef
     }));
   }
-  api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 || _api$base.actions.registerMarks(function (_ref2) {
-    var tr = _ref2.tr,
-      node = _ref2.node,
-      pos = _ref2.pos;
+  api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 || _api$base.actions.registerMarks(function (_ref3) {
+    var tr = _ref3.tr,
+      node = _ref3.node,
+      pos = _ref3.pos;
     var doc = tr.doc;
     var schema = doc.type.schema;
     var inlineCardNodeType = schema.nodes.inlineCard;
@@ -130,24 +147,26 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
       }];
       plugins.push({
         name: 'cardKeymap',
-        plugin: function plugin(_ref3) {
-          var featureFlags = _ref3.featureFlags;
+        plugin: function plugin(_ref4) {
+          var featureFlags = _ref4.featureFlags;
           return (0, _keymap.cardKeymap)(featureFlags);
         }
       });
       return plugins;
     },
-    contentComponent: function contentComponent(_ref4) {
-      var editorView = _ref4.editorView,
-        popupsMountPoint = _ref4.popupsMountPoint,
-        popupsScrollableElement = _ref4.popupsScrollableElement,
-        popupsBoundariesElement = _ref4.popupsBoundariesElement;
+    contentComponent: function contentComponent(_ref5) {
+      var editorView = _ref5.editorView,
+        popupsMountPoint = _ref5.popupsMountPoint,
+        popupsScrollableElement = _ref5.popupsScrollableElement,
+        popupsBoundariesElement = _ref5.popupsBoundariesElement;
       if (!editorView) {
         return null;
       }
       editorViewForPasteMenu = editorView;
       var breakoutEnabled = options.editorAppearance === 'full-page';
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_EditorSmartCardEvents.EditorSmartCardEvents, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldRegisterPasteDisplayAsMenu && /*#__PURE__*/_react.default.createElement(PasteMenuSmartCardClientSync, {
+        clientRef: pasteMenuSmartCardClientRef
+      }), /*#__PURE__*/_react.default.createElement(_EditorSmartCardEvents.EditorSmartCardEvents, {
         editorView: editorView
       }), /*#__PURE__*/_react.default.createElement(_EditorLinkingPlatformAnalytics.EditorLinkingPlatformAnalytics, {
         cardPluginEvents: cardPluginEvents,
@@ -165,8 +184,8 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
     },
     commands: {
       queueCardsFromRange: function queueCardsFromRange(from, to, source, analyticsAction, normalizeLinkText, sourceEvent, appearance) {
-        return function (_ref5) {
-          var tr = _ref5.tr;
+        return function (_ref6) {
+          var tr = _ref6.tr;
           return (0, _doc.queueCardsFromRange)(
           // Synthesise the minimal EditorState shape the impl actually reads.
           {
@@ -195,8 +214,8 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
                 return _context.abrupt("return", false);
               case 2:
                 previousCardProvider = provider;
-                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref6) {
-                  var tr = _ref6.tr;
+                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref7) {
+                  var tr = _ref7.tr;
                   return (0, _actions.setProvider)(provider)(tr);
                 })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
               case 3:
@@ -304,8 +323,8 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
     },
     pluginsOptions: {
       floatingToolbar: (0, _toolbar.floatingToolbar)(options, (_options$lpLinkPicker = options.lpLinkPicker) !== null && _options$lpLinkPicker !== void 0 ? _options$lpLinkPicker : false, options.linkPicker, api, options.disableFloatingToolbar),
-      quickInsert: function quickInsert(_ref7) {
-        var formatMessage = _ref7.formatMessage;
+      quickInsert: function quickInsert(_ref8) {
+        var formatMessage = _ref8.formatMessage;
         var quickInsertArray = [];
         if (!options.allowDatasource) {
           return quickInsertArray;

package/dist/cjs/ui/PasteDisplayAsMenu.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.setAppearanceSelection = exports.normalizeSelectionToLinkRangeForUrlAppearance = exports.getPasteDisplayAsMenuComponents = exports.getFirstLinkRangeInSelection = exports.SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY = void 0;
 require("./PasteDisplayAsMenu.compiled.css");
 var _runtime = require("@compiled/react/runtime");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _css = require("@atlaskit/css");
@@ -24,13 +26,13 @@ var _minus = _interopRequireDefault(require("@atlaskit/icon/core/minus"));
 var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
 var _smartLinkEmbed = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-embed"));
 var _smartLinkInline = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-inline"));
-var _linkProvider = require("@atlaskit/link-provider");
+var _context2 = require("@atlaskit/link-provider/context");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _doc = require("../pm-plugins/doc");
 var _currentPastedSmartLink = require("./currentPastedSmartLink");
 var _pasteDisplayAsUtils = require("./pasteDisplayAsUtils");
-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 _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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY = exports.SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY = 'smart-link-display-as-paste-menu-section';
 
 // Subset of `PasteMenuRuleFactories` we structurally consume here — kept local
@@ -191,7 +193,7 @@ var PasteDisplayAsMenuHorizontalView = function PasteDisplayAsMenuHorizontalView
   var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
     editorView = _useEditorToolbar.editorView;
   var toolbarDropdownMenu = (0, _editorToolbar.useToolbarDropdownMenu)();
-  var smartCardContext = (0, _linkProvider.useSmartCardContext)();
+  var smartCardContext = (0, _context2.useSmartCardContext)();
   var frameRef = (0, _react.useRef)(null);
   var isApplyingRef = (0, _react.useRef)(false);
   var apiWithPasteOptionsToolbar = api;
@@ -334,7 +336,49 @@ var getPasteDisplayAsMenuComponents = exports.getPasteDisplayAsMenuComponents =
   var api = _ref0.api,
     allowBlockCards = _ref0.allowBlockCards,
     allowEmbeds = _ref0.allowEmbeds,
-    getEditorView = _ref0.getEditorView;
+    getEditorView = _ref0.getEditorView,
+    smartCardClientRef = _ref0.smartCardClientRef;
+  var smartlinkAsyncHidden = /*#__PURE__*/function () {
+    var _ref1 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(context) {
+      var pastedUrl, isEnabled, smartCardClient, _response$meta, response, _t;
+      return _regenerator.default.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            pastedUrl = context.pastedUrl;
+            if (pastedUrl) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return", false);
+          case 1:
+            isEnabled = (0, _expValEquals.expValEquals)('confluence_editor_paste_3p_link_actions_menu', 'isEnabled', true);
+            smartCardClient = smartCardClientRef === null || smartCardClientRef === void 0 ? void 0 : smartCardClientRef.current;
+            if (!(!isEnabled || !smartCardClient)) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return", true);
+          case 2:
+            _context.prev = 2;
+            _context.next = 3;
+            return smartCardClient.fetchData(pastedUrl);
+          case 3:
+            response = _context.sent;
+            return _context.abrupt("return", ((_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : _response$meta.access) !== 'granted');
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+            return _context.abrupt("return", true);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 4]]);
+    }));
+    return function smartlinkAsyncHidden(_x) {
+      return _ref1.apply(this, arguments);
+    };
+  }();
   return [{
     type: 'menu-section',
     key: SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY,
@@ -343,6 +387,7 @@ var getPasteDisplayAsMenuComponents = exports.getPasteDisplayAsMenuComponents =
       key: _toolbar.PASTE_MENU.key,
       rank: 60
     }],
+    isAsyncHidden: smartlinkAsyncHidden,
     isHidden: function isHidden() {
       var _apiWithPasteOptionsT, _apiWithPasteOptionsT2;
       if (!(0, _expValEquals.expValEquals)('confluence_editor_paste_3p_link_actions_menu', 'isEnabled', true)) {

package/dist/es2019/cardPlugin.js

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useContext, useEffect } from 'react';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, CONFLUENCE_SEARCH_DATASOURCE_ID } from '@atlaskit/link-datasource';
+import { SmartCardContext } from '@atlaskit/link-provider/context';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValNoExposure } from '@atlaskit/tmp-editor-statsig/expVal';
 import { blockCardSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/blockCard';
@@ -23,6 +24,17 @@ import { EditorSmartCardEvents } from './ui/EditorSmartCardEvents';
 import LayoutButton from './ui/LayoutButton';
 import { getPasteDisplayAsMenuComponents } from './ui/PasteDisplayAsMenu';
 import { floatingToolbar, getEndingToolbarItems, getStartingToolbarItems } from './ui/toolbar';
+const PasteMenuSmartCardClientSync = ({
+  clientRef
+}) => {
+  var _smartCardContext$con2;
+  const smartCardContext = useContext(SmartCardContext);
+  useEffect(() => {
+    var _smartCardContext$con;
+    clientRef.current = smartCardContext === null || smartCardContext === void 0 ? void 0 : (_smartCardContext$con = smartCardContext.connections) === null || _smartCardContext$con === void 0 ? void 0 : _smartCardContext$con.client;
+  }, [clientRef, smartCardContext === null || smartCardContext === void 0 ? void 0 : (_smartCardContext$con2 = smartCardContext.connections) === null || _smartCardContext$con2 === void 0 ? void 0 : _smartCardContext$con2.client]);
+  return null;
+};
 export const cardPlugin = ({
   config: options = {},
   api
@@ -32,6 +44,9 @@ export const cardPlugin = ({
   const cardPluginEvents = createEventsQueue();
   let instanceEmbedCardTransformers = options.embedCardTransformers;
   let editorViewForPasteMenu;
+  const pasteMenuSmartCardClientRef = {
+    current: undefined
+  };
   const pasteMenuVariant = expValNoExposure('platform_editor_paste_actions_menu_v2', 'variant', 'control');
   const shouldRegisterPasteDisplayAsMenu = options.enablePasteDisplayAsMenu && ['hasSpellingAndGrammar', 'hasAltAiActions'].includes(pasteMenuVariant);
   if (shouldRegisterPasteDisplayAsMenu) {
@@ -40,7 +55,8 @@ export const cardPlugin = ({
       api,
       allowBlockCards: options.onlyInlineCards ? false : (_options$allowBlockCa = options.allowBlockCards) !== null && _options$allowBlockCa !== void 0 ? _options$allowBlockCa : true,
       allowEmbeds: options.onlyInlineCards ? false : options.allowEmbeds,
-      getEditorView: () => editorViewForPasteMenu
+      getEditorView: () => editorViewForPasteMenu,
+      smartCardClientRef: pasteMenuSmartCardClientRef
     }));
   }
   api === null || api === void 0 ? void 0 : (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.actions.registerMarks(({
@@ -143,7 +159,9 @@ export const cardPlugin = ({
       }
       editorViewForPasteMenu = editorView;
       const breakoutEnabled = options.editorAppearance === 'full-page';
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorSmartCardEvents, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRegisterPasteDisplayAsMenu && /*#__PURE__*/React.createElement(PasteMenuSmartCardClientSync, {
+        clientRef: pasteMenuSmartCardClientRef
+      }), /*#__PURE__*/React.createElement(EditorSmartCardEvents, {
         editorView: editorView
       }), /*#__PURE__*/React.createElement(EditorLinkingPlatformAnalytics, {
         cardPluginEvents: cardPluginEvents,

package/dist/es2019/ui/PasteDisplayAsMenu.js

@@ -16,7 +16,7 @@ import MinusIcon from '@atlaskit/icon/core/minus';
 import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
 import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
-import { useSmartCardContext } from '@atlaskit/link-provider';
+import { useSmartCardContext } from '@atlaskit/link-provider/context';
 import { Box, Flex, Pressable } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { changeSelectedCardToLink, setSelectedCardAppearance } from '../pm-plugins/doc';
@@ -335,45 +335,70 @@ export const getPasteDisplayAsMenuComponents = ({
   api,
   allowBlockCards,
   allowEmbeds,
-  getEditorView
-}) => [{
-  type: 'menu-section',
-  key: SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY,
-  parents: [{
-    type: PASTE_MENU.type,
-    key: PASTE_MENU.key,
-    rank: 60
-  }],
-  isHidden: () => {
-    var _apiWithPasteOptionsT, _apiWithPasteOptionsT2;
-    if (!expValEquals('confluence_editor_paste_3p_link_actions_menu', 'isEnabled', true)) {
-      return true;
+  getEditorView,
+  smartCardClientRef
+}) => {
+  const smartlinkAsyncHidden = async context => {
+    const {
+      pastedUrl
+    } = context;
+    if (!pastedUrl) {
+      return false;
     }
-    const apiWithPasteOptionsToolbar = api;
-    const pasteRange = apiWithPasteOptionsToolbar === null || apiWithPasteOptionsToolbar === void 0 ? void 0 : (_apiWithPasteOptionsT = apiWithPasteOptionsToolbar.pasteOptionsToolbarPlugin) === null || _apiWithPasteOptionsT === void 0 ? void 0 : _apiWithPasteOptionsT.sharedState.currentState();
-    const editorView = getEditorView();
-    if (!editorView || !pasteRange) {
+    const isEnabled = expValEquals('confluence_editor_paste_3p_link_actions_menu', 'isEnabled', true);
+    const smartCardClient = smartCardClientRef === null || smartCardClientRef === void 0 ? void 0 : smartCardClientRef.current;
+    if (!isEnabled || !smartCardClient) {
       return true;
     }
-
-    // Slice-shape check — delegated to the toolbar plugin's shared
-    // `notSingleLinkRule` via the structural cast (see note above).
-    const rules = apiWithPasteOptionsToolbar === null || apiWithPasteOptionsToolbar === void 0 ? void 0 : (_apiWithPasteOptionsT2 = apiWithPasteOptionsToolbar.pasteOptionsToolbarPlugin) === null || _apiWithPasteOptionsT2 === void 0 ? void 0 : _apiWithPasteOptionsT2.actions.getPasteMenuRules();
-    if (!rules || rules.notSingleLinkRule()) {
+    try {
+      var _response$meta;
+      const response = await smartCardClient.fetchData(pastedUrl);
+      return ((_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : _response$meta.access) !== 'granted';
+    } catch {
+      // Network / auth errors → hide
       return true;
     }
+  };
+  return [{
+    type: 'menu-section',
+    key: SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY,
+    parents: [{
+      type: PASTE_MENU.type,
+      key: PASTE_MENU.key,
+      rank: 60
+    }],
+    isAsyncHidden: smartlinkAsyncHidden,
+    isHidden: () => {
+      var _apiWithPasteOptionsT, _apiWithPasteOptionsT2;
+      if (!expValEquals('confluence_editor_paste_3p_link_actions_menu', 'isEnabled', true)) {
+        return true;
+      }
+      const apiWithPasteOptionsToolbar = api;
+      const pasteRange = apiWithPasteOptionsToolbar === null || apiWithPasteOptionsToolbar === void 0 ? void 0 : (_apiWithPasteOptionsT = apiWithPasteOptionsToolbar.pasteOptionsToolbarPlugin) === null || _apiWithPasteOptionsT === void 0 ? void 0 : _apiWithPasteOptionsT.sharedState.currentState();
+      const editorView = getEditorView();
+      if (!editorView || !pasteRange) {
+        return true;
+      }
 
-    // Fallback: plain-text URL paste that the card plugin already resolved into a card node in the doc.
-    const urlFromCard = getCardUrlAtPasteRange({
-      editorView,
-      pasteStartPos: pasteRange.pasteStartPos,
-      pasteEndPos: pasteRange.pasteEndPos
-    });
-    return !urlFromCard;
-  },
-  component: () => /*#__PURE__*/React.createElement(PasteDisplayAsMenuSection, {
-    api: api,
-    allowBlockCards: allowBlockCards,
-    allowEmbeds: allowEmbeds
-  })
-}];
+      // Slice-shape check — delegated to the toolbar plugin's shared
+      // `notSingleLinkRule` via the structural cast (see note above).
+      const rules = apiWithPasteOptionsToolbar === null || apiWithPasteOptionsToolbar === void 0 ? void 0 : (_apiWithPasteOptionsT2 = apiWithPasteOptionsToolbar.pasteOptionsToolbarPlugin) === null || _apiWithPasteOptionsT2 === void 0 ? void 0 : _apiWithPasteOptionsT2.actions.getPasteMenuRules();
+      if (!rules || rules.notSingleLinkRule()) {
+        return true;
+      }
+
+      // Fallback: plain-text URL paste that the card plugin already resolved into a card node in the doc.
+      const urlFromCard = getCardUrlAtPasteRange({
+        editorView,
+        pasteStartPos: pasteRange.pasteStartPos,
+        pasteEndPos: pasteRange.pasteEndPos
+      });
+      return !urlFromCard;
+    },
+    component: () => /*#__PURE__*/React.createElement(PasteDisplayAsMenuSection, {
+      api: api,
+      allowBlockCards: allowBlockCards,
+      allowEmbeds: allowEmbeds
+    })
+  }];
+};

package/dist/esm/cardPlugin.js

@@ -4,11 +4,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 from 'react';
+import React, { useContext, useEffect } from 'react';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, CONFLUENCE_SEARCH_DATASOURCE_ID } from '@atlaskit/link-datasource';
+import { SmartCardContext } from '@atlaskit/link-provider/context';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValNoExposure } from '@atlaskit/tmp-editor-statsig/expVal';
 import { blockCardSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/blockCard';
@@ -29,15 +30,28 @@ import { EditorSmartCardEvents } from './ui/EditorSmartCardEvents';
 import LayoutButton from './ui/LayoutButton';
 import { getPasteDisplayAsMenuComponents } from './ui/PasteDisplayAsMenu';
 import { floatingToolbar, getEndingToolbarItems, getStartingToolbarItems } from './ui/toolbar';
-export var cardPlugin = function cardPlugin(_ref) {
+var PasteMenuSmartCardClientSync = function PasteMenuSmartCardClientSync(_ref) {
+  var _smartCardContext$con2;
+  var clientRef = _ref.clientRef;
+  var smartCardContext = useContext(SmartCardContext);
+  useEffect(function () {
+    var _smartCardContext$con;
+    clientRef.current = smartCardContext === null || smartCardContext === void 0 || (_smartCardContext$con = smartCardContext.connections) === null || _smartCardContext$con === void 0 ? void 0 : _smartCardContext$con.client;
+  }, [clientRef, smartCardContext === null || smartCardContext === void 0 || (_smartCardContext$con2 = smartCardContext.connections) === null || _smartCardContext$con2 === void 0 ? void 0 : _smartCardContext$con2.client]);
+  return null;
+};
+export var cardPlugin = function cardPlugin(_ref2) {
   var _api$base, _options$lpLinkPicker;
-  var _ref$config = _ref.config,
-    options = _ref$config === void 0 ? {} : _ref$config,
-    api = _ref.api;
+  var _ref2$config = _ref2.config,
+    options = _ref2$config === void 0 ? {} : _ref2$config,
+    api = _ref2.api;
   var previousCardProvider;
   var cardPluginEvents = createEventsQueue();
   var instanceEmbedCardTransformers = options.embedCardTransformers;
   var editorViewForPasteMenu;
+  var pasteMenuSmartCardClientRef = {
+    current: undefined
+  };
   var pasteMenuVariant = expValNoExposure('platform_editor_paste_actions_menu_v2', 'variant', 'control');
   var shouldRegisterPasteDisplayAsMenu = options.enablePasteDisplayAsMenu && ['hasSpellingAndGrammar', 'hasAltAiActions'].includes(pasteMenuVariant);
   if (shouldRegisterPasteDisplayAsMenu) {
@@ -48,13 +62,14 @@ export var cardPlugin = function cardPlugin(_ref) {
       allowEmbeds: options.onlyInlineCards ? false : options.allowEmbeds,
       getEditorView: function getEditorView() {
         return editorViewForPasteMenu;
-      }
+      },
+      smartCardClientRef: pasteMenuSmartCardClientRef
     }));
   }
-  api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 || _api$base.actions.registerMarks(function (_ref2) {
-    var tr = _ref2.tr,
-      node = _ref2.node,
-      pos = _ref2.pos;
+  api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 || _api$base.actions.registerMarks(function (_ref3) {
+    var tr = _ref3.tr,
+      node = _ref3.node,
+      pos = _ref3.pos;
     var doc = tr.doc;
     var schema = doc.type.schema;
     var inlineCardNodeType = schema.nodes.inlineCard;
@@ -124,24 +139,26 @@ export var cardPlugin = function cardPlugin(_ref) {
       }];
       plugins.push({
         name: 'cardKeymap',
-        plugin: function plugin(_ref3) {
-          var featureFlags = _ref3.featureFlags;
+        plugin: function plugin(_ref4) {
+          var featureFlags = _ref4.featureFlags;
           return cardKeymap(featureFlags);
         }
       });
       return plugins;
     },
-    contentComponent: function contentComponent(_ref4) {
-      var editorView = _ref4.editorView,
-        popupsMountPoint = _ref4.popupsMountPoint,
-        popupsScrollableElement = _ref4.popupsScrollableElement,
-        popupsBoundariesElement = _ref4.popupsBoundariesElement;
+    contentComponent: function contentComponent(_ref5) {
+      var editorView = _ref5.editorView,
+        popupsMountPoint = _ref5.popupsMountPoint,
+        popupsScrollableElement = _ref5.popupsScrollableElement,
+        popupsBoundariesElement = _ref5.popupsBoundariesElement;
       if (!editorView) {
         return null;
       }
       editorViewForPasteMenu = editorView;
       var breakoutEnabled = options.editorAppearance === 'full-page';
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorSmartCardEvents, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRegisterPasteDisplayAsMenu && /*#__PURE__*/React.createElement(PasteMenuSmartCardClientSync, {
+        clientRef: pasteMenuSmartCardClientRef
+      }), /*#__PURE__*/React.createElement(EditorSmartCardEvents, {
         editorView: editorView
       }), /*#__PURE__*/React.createElement(EditorLinkingPlatformAnalytics, {
         cardPluginEvents: cardPluginEvents,
@@ -159,8 +176,8 @@ export var cardPlugin = function cardPlugin(_ref) {
     },
     commands: {
       queueCardsFromRange: function queueCardsFromRange(from, to, source, analyticsAction, normalizeLinkText, sourceEvent, appearance) {
-        return function (_ref5) {
-          var tr = _ref5.tr;
+        return function (_ref6) {
+          var tr = _ref6.tr;
           return _queueCardsFromRange(
           // Synthesise the minimal EditorState shape the impl actually reads.
           {
@@ -189,8 +206,8 @@ export var cardPlugin = function cardPlugin(_ref) {
                 return _context.abrupt("return", false);
               case 2:
                 previousCardProvider = provider;
-                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref6) {
-                  var tr = _ref6.tr;
+                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref7) {
+                  var tr = _ref7.tr;
                   return _setProvider(provider)(tr);
                 })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
               case 3:
@@ -298,8 +315,8 @@ export var cardPlugin = function cardPlugin(_ref) {
     },
     pluginsOptions: {
       floatingToolbar: floatingToolbar(options, (_options$lpLinkPicker = options.lpLinkPicker) !== null && _options$lpLinkPicker !== void 0 ? _options$lpLinkPicker : false, options.linkPicker, api, options.disableFloatingToolbar),
-      quickInsert: function quickInsert(_ref7) {
-        var formatMessage = _ref7.formatMessage;
+      quickInsert: function quickInsert(_ref8) {
+        var formatMessage = _ref8.formatMessage;
         var quickInsertArray = [];
         if (!options.allowDatasource) {
           return quickInsertArray;

package/dist/esm/ui/PasteDisplayAsMenu.js

@@ -1,6 +1,8 @@
 /* PasteDisplayAsMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import "./PasteDisplayAsMenu.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useRef } from 'react';
 import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
@@ -16,7 +18,7 @@ import MinusIcon from '@atlaskit/icon/core/minus';
 import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
 import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
-import { useSmartCardContext } from '@atlaskit/link-provider';
+import { useSmartCardContext } from '@atlaskit/link-provider/context';
 import { Box, Flex, Pressable } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { changeSelectedCardToLink, setSelectedCardAppearance } from '../pm-plugins/doc';
@@ -325,7 +327,49 @@ export var getPasteDisplayAsMenuComponents = function getPasteDisplayAsMenuCompo
   var api = _ref0.api,
     allowBlockCards = _ref0.allowBlockCards,
     allowEmbeds = _ref0.allowEmbeds,
-    getEditorView = _ref0.getEditorView;
+    getEditorView = _ref0.getEditorView,
+    smartCardClientRef = _ref0.smartCardClientRef;
+  var smartlinkAsyncHidden = /*#__PURE__*/function () {
+    var _ref1 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(context) {
+      var pastedUrl, isEnabled, smartCardClient, _response$meta, response, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            pastedUrl = context.pastedUrl;
+            if (pastedUrl) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return", false);
+          case 1:
+            isEnabled = expValEquals('confluence_editor_paste_3p_link_actions_menu', 'isEnabled', true);
+            smartCardClient = smartCardClientRef === null || smartCardClientRef === void 0 ? void 0 : smartCardClientRef.current;
+            if (!(!isEnabled || !smartCardClient)) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return", true);
+          case 2:
+            _context.prev = 2;
+            _context.next = 3;
+            return smartCardClient.fetchData(pastedUrl);
+          case 3:
+            response = _context.sent;
+            return _context.abrupt("return", ((_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : _response$meta.access) !== 'granted');
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+            return _context.abrupt("return", true);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 4]]);
+    }));
+    return function smartlinkAsyncHidden(_x) {
+      return _ref1.apply(this, arguments);
+    };
+  }();
   return [{
     type: 'menu-section',
     key: SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY,
@@ -334,6 +378,7 @@ export var getPasteDisplayAsMenuComponents = function getPasteDisplayAsMenuCompo
       key: PASTE_MENU.key,
       rank: 60
     }],
+    isAsyncHidden: smartlinkAsyncHidden,
     isHidden: function isHidden() {
       var _apiWithPasteOptionsT, _apiWithPasteOptionsT2;
       if (!expValEquals('confluence_editor_paste_3p_link_actions_menu', 'isEnabled', true)) {

package/dist/types/ui/PasteDisplayAsMenu.d.ts

@@ -1,8 +1,11 @@
+import { type MutableRefObject } from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model/types';
+import { type CardContext } from '@atlaskit/link-provider/context';
 import type { CardPlugin } from '../cardPluginType';
 export declare const SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY = "smart-link-display-as-paste-menu-section";
+type SmartCardClient = CardContext['connections']['client'];
 export declare const setAppearanceSelection: ({ editorView, pasteStartPos, pasteEndPos, targetPos, }: {
     editorView: EditorView;
     pasteEndPos: number;
@@ -17,9 +20,11 @@ export declare const normalizeSelectionToLinkRangeForUrlAppearance: ({ editorVie
     editorView: EditorView;
     targetPos: number | undefined;
 }) => void;
-export declare const getPasteDisplayAsMenuComponents: ({ api, allowBlockCards, allowEmbeds, getEditorView, }: {
+export declare const getPasteDisplayAsMenuComponents: ({ api, allowBlockCards, allowEmbeds, getEditorView, smartCardClientRef, }: {
     allowBlockCards: boolean;
     allowEmbeds?: boolean;
     api: ExtractInjectionAPI<CardPlugin> | undefined;
     getEditorView: () => EditorView | undefined;
+    smartCardClientRef: MutableRefObject<SmartCardClient | undefined>;
 }) => RegisterComponent[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "18.0.20",
+	"version": "18.1.0",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,7 +21,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^56.0.0",
+		"@atlaskit/adf-schema": "^56.1.0",
 		"@atlaskit/analytics-next": "^12.2.0",
 		"@atlaskit/button": "^24.3.0",
 		"@atlaskit/css": "^1.0.0",
@@ -45,6 +45,7 @@
 		"@atlaskit/editor-toolbar": "^2.1.0",
 		"@atlaskit/frontend-utilities": "^4.1.0",
 		"@atlaskit/icon": "^36.2.0",
+		"@atlaskit/json-ld-types": "^2.0.0",
 		"@atlaskit/link": "^4.1.0",
 		"@atlaskit/link-analytics": "^12.1.0",
 		"@atlaskit/link-client-extension": "^7.1.0",
@@ -55,11 +56,11 @@
 		"@atlaskit/menu": "^9.1.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
-		"@atlaskit/primitives": "^20.3.0",
+		"@atlaskit/primitives": "^20.5.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
-		"@atlaskit/smart-card": "^45.7.0",
-		"@atlaskit/tmp-editor-statsig": "^121.0.0",
-		"@atlaskit/tokens": "^15.4.0",
+		"@atlaskit/smart-card": "^45.8.0",
+		"@atlaskit/tmp-editor-statsig": "^122.0.0",
+		"@atlaskit/tokens": "^15.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -68,7 +69,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.22.0",
+		"@atlaskit/editor-common": "^116.24.0",
 		"@atlaskit/link-provider": "^5.2.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"