@atlaskit/editor-plugin-card 16.10.2 → 16.11.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-card
 
+## 16.11.0
+
+### Minor Changes
+
+- [`d2be5b45b39b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2be5b45b39b0) -
+  Add Smart Link-aware paste actions for the paste actions menu V2 experiment.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.10.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.10.2
 
 ### Patch Changes

package/dist/cjs/cardPlugin.js

@@ -15,6 +15,7 @@ var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _utils = require("@atlaskit/editor-common/utils");
 var _linkDatasource = require("@atlaskit/link-datasource");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _blockCard = require("./nodeviews/toDOM-fixes/blockCard");
 var _embedCard = require("./nodeviews/toDOM-fixes/embedCard");
 var _inlineCard = require("./nodeviews/toDOM-fixes/inlineCard");
@@ -29,6 +30,7 @@ var _ModalWithState = _interopRequireDefault(require("./ui/DatasourceModal/Modal
 var _EditorLinkingPlatformAnalytics = require("./ui/EditorLinkingPlatformAnalytics");
 var _EditorSmartCardEvents = require("./ui/EditorSmartCardEvents");
 var _LayoutButton = _interopRequireDefault(require("./ui/LayoutButton"));
+var _PasteDisplayAsMenu = require("./ui/PasteDisplayAsMenu");
 var _toolbar = require("./ui/toolbar");
 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
@@ -41,6 +43,20 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
   var previousCardProvider;
   var cardPluginEvents = (0, _createEventsQueue.createEventsQueue)();
   var instanceEmbedCardTransformers = options.embedCardTransformers;
+  var editorViewForPasteMenu;
+  var pasteMenuVariant = (0, _expVal.expValNoExposure)('platform_editor_paste_actions_menu_v2', 'variant', 'control');
+  var shouldRegisterPasteDisplayAsMenu = options.enablePasteDisplayAsMenu && ['hasSpellingAndGrammar', 'hasAltAiActions'].includes(pasteMenuVariant);
+  if (shouldRegisterPasteDisplayAsMenu) {
+    var _api$uiControlRegistr, _options$allowBlockCa;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register((0, _PasteDisplayAsMenu.getPasteDisplayAsMenuComponents)({
+      api: api,
+      allowBlockCards: options.onlyInlineCards ? false : (_options$allowBlockCa = options.allowBlockCards) !== null && _options$allowBlockCa !== void 0 ? _options$allowBlockCa : true,
+      allowEmbeds: options.onlyInlineCards ? false : options.allowEmbeds,
+      getEditorView: function getEditorView() {
+        return editorViewForPasteMenu;
+      }
+    }));
+  }
   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,
@@ -86,10 +102,10 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
       return nodes;
     },
     pmPlugins: function pmPlugins() {
-      var _options$allowBlockCa, _options$allowResizin, _options$useAlternati, _options$allowWrappin, _options$allowAlignme, _options$allowDatasou, _options$showUpgradeD;
+      var _options$allowBlockCa2, _options$allowResizin, _options$useAlternati, _options$allowWrappin, _options$allowAlignme, _options$allowDatasou, _options$showUpgradeD;
       // onlyInlineCards forces block/embed off regardless of caller-passed flags,
       // keeping the schema gate (in nodes()) and the runtime gate in sync.
-      var allowBlockCards = options.onlyInlineCards ? false : (_options$allowBlockCa = options.allowBlockCards) !== null && _options$allowBlockCa !== void 0 ? _options$allowBlockCa : true;
+      var allowBlockCards = options.onlyInlineCards ? false : (_options$allowBlockCa2 = options.allowBlockCards) !== null && _options$allowBlockCa2 !== void 0 ? _options$allowBlockCa2 : true;
       var allowEmbeds = options.onlyInlineCards ? false : options.allowEmbeds;
       var allowResizing = (_options$allowResizin = options.allowResizing) !== null && _options$allowResizin !== void 0 ? _options$allowResizin : true;
       var useAlternativePreloader = (_options$useAlternati = options.useAlternativePreloader) !== null && _options$useAlternati !== void 0 ? _options$useAlternati : true;
@@ -129,6 +145,7 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
       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, {
         editorView: editorView
@@ -164,25 +181,25 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
         var _setProvider2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(providerPromise) {
           var _api$core$actions$exe;
           var provider;
-          return _regenerator.default.wrap(function _callee$(_context) {
+          return _regenerator.default.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                _context.next = 2;
+                _context.next = 1;
                 return providerPromise;
-              case 2:
+              case 1:
                 provider = _context.sent;
                 if (!(previousCardProvider === provider || (options === null || options === void 0 ? void 0 : options.provider) === providerPromise)) {
-                  _context.next = 5;
+                  _context.next = 2;
                   break;
                 }
                 return _context.abrupt("return", false);
-              case 5:
+              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 (0, _actions.setProvider)(provider)(tr);
                 })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
-              case 7:
+              case 3:
               case "end":
                 return _context.stop();
             }
@@ -201,20 +218,20 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
       },
       resolveShortLinkUrl: function () {
         var _resolveShortLinkUrl = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
-          var provider, clientHolder, client, response, data, urlField, _linkObj$Id, linkObj, id;
-          return _regenerator.default.wrap(function _callee2$(_context2) {
+          var provider, clientHolder, client, response, data, urlField, _linkObj$Id, linkObj, id, _t;
+          return _regenerator.default.wrap(function (_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
                 if (options.provider) {
-                  _context2.next = 2;
+                  _context2.next = 1;
                   break;
                 }
                 return _context2.abrupt("return", undefined);
-              case 2:
-                _context2.prev = 2;
-                _context2.next = 5;
+              case 1:
+                _context2.prev = 1;
+                _context2.next = 2;
                 return options.provider;
-              case 5:
+              case 2:
                 provider = _context2.sent;
                 // EditorCardProvider holds a CardClient instance internally. We access it
                 // directly to call fetchData, which gives us the raw ORS JSON-LD response
@@ -224,14 +241,14 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
                 clientHolder = provider;
                 client = clientHolder.cardClient;
                 if (client) {
-                  _context2.next = 10;
+                  _context2.next = 3;
                   break;
                 }
                 return _context2.abrupt("return", undefined);
-              case 10:
-                _context2.next = 12;
+              case 3:
+                _context2.next = 4;
                 return client.fetchData(url);
-              case 12:
+              case 4:
                 response = _context2.sent;
                 // ORS returns a JsonLd.Response whose data union includes BaseData,
                 // BaseCollectionData, and BaseCollectionPage. We only care about the
@@ -239,43 +256,43 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
                 // to a minimal shape rather than accessing through the full union type.
                 data = response === null || response === void 0 ? void 0 : response.data;
                 if (data) {
-                  _context2.next = 16;
+                  _context2.next = 5;
                   break;
                 }
                 return _context2.abrupt("return", undefined);
-              case 16:
+              case 5:
                 urlField = data.url; // Property<string | Link> can be a string, a Link object, or an array.
                 // Short-link responses always return a plain string URL.
                 if (!(typeof urlField === 'string' && urlField !== url)) {
-                  _context2.next = 19;
+                  _context2.next = 6;
                   break;
                 }
                 return _context2.abrupt("return", urlField);
-              case 19:
+              case 6:
                 if (!(urlField && (0, _typeof2.default)(urlField) === 'object' && !Array.isArray(urlField))) {
-                  _context2.next = 24;
+                  _context2.next = 7;
                   break;
                 }
                 linkObj = urlField;
                 id = (_linkObj$Id = linkObj['@id']) !== null && _linkObj$Id !== void 0 ? _linkObj$Id : linkObj['href'];
                 if (!(typeof id === 'string' && id !== url)) {
-                  _context2.next = 24;
+                  _context2.next = 7;
                   break;
                 }
                 return _context2.abrupt("return", id);
-              case 24:
-                _context2.next = 28;
+              case 7:
+                _context2.next = 9;
                 break;
-              case 26:
-                _context2.prev = 26;
-                _context2.t0 = _context2["catch"](2);
-              case 28:
+              case 8:
+                _context2.prev = 8;
+                _t = _context2["catch"](1);
+              case 9:
                 return _context2.abrupt("return", undefined);
-              case 29:
+              case 10:
               case "end":
                 return _context2.stop();
             }
-          }, _callee2, null, [[2, 26]]);
+          }, _callee2, null, [[1, 8]]);
         }));
         function resolveShortLinkUrl(_x2) {
           return _resolveShortLinkUrl.apply(this, arguments);

package/dist/cjs/pm-plugins/doc.js

@@ -383,7 +383,7 @@ var changeSelectedCardToLink = exports.changeSelectedCardToLink = function chang
   return function (state, dispatch) {
     var selectedNode = state.selection instanceof _state.NodeSelection ? state.selection.node : undefined;
     var tr;
-    if (node && pos) {
+    if (node && pos !== undefined) {
       tr = cardNodeToLinkWithTransaction(state, text, href, node, pos);
     } else {
       tr = cardToLinkWithTransaction(state, text, href);
@@ -411,7 +411,7 @@ var changeSelectedCardToLink = exports.changeSelectedCardToLink = function chang
 var changeSelectedCardToLinkFallback = exports.changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback(text, href, sendAnalytics, node, pos, editorAnalyticsApi) {
   return function (state, dispatch) {
     var tr;
-    if (node && pos) {
+    if (node && pos !== undefined) {
       tr = cardNodeToLinkWithTransaction(state, text, href, node, pos);
     } else {
       tr = cardToLinkWithTransaction(state, text, href);

package/dist/cjs/ui/HyperlinkToolbarAppearance.js

@@ -16,7 +16,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _DatasourceAppearanceButton = require("./DatasourceAppearanceButton");
 var _LinkToolbarAppearance = require("./LinkToolbarAppearance");
-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 _t5 in e) "default" !== _t5 && {}.hasOwnProperty.call(e, _t5) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t5)) && (i.get || i.set) ? o(f, _t5, i) : f[_t5] = e[_t5]); return f; })(e, t); }
 function HyperlinkToolbarAppearance(props) {
   var _props$cardOptions3, _props$editorPluginAp2;
   var _useState = (0, _react.useState)(new Map()),
@@ -37,21 +37,21 @@ function HyperlinkToolbarAppearance(props) {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var _props$cardOptions;
       var _props$cardOptions2;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!((_props$cardOptions = props.cardOptions) !== null && _props$cardOptions !== void 0 && _props$cardOptions.provider)) {
-              _context.next = 2;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return", (_props$cardOptions2 = props.cardOptions) === null || _props$cardOptions2 === void 0 ? void 0 : _props$cardOptions2.provider);
-          case 2:
+          case 1:
             if (!cardProvider.current) {
-              _context.next = 4;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return", cardProvider.current);
-          case 4:
+          case 2:
             return _context.abrupt("return", new Promise(function (resolve) {
               var _props$editorPluginAp;
               var cardProvider = (_props$editorPluginAp = props.editorPluginApi) === null || _props$editorPluginAp === void 0 || (_props$editorPluginAp = _props$editorPluginAp.card) === null || _props$editorPluginAp === void 0 || (_props$editorPluginAp = _props$editorPluginAp.sharedState) === null || _props$editorPluginAp === void 0 || (_props$editorPluginAp = _props$editorPluginAp.currentState()) === null || _props$editorPluginAp === void 0 ? void 0 : _props$editorPluginAp.provider;
@@ -59,7 +59,7 @@ function HyperlinkToolbarAppearance(props) {
                 resolve(cardProvider);
               }
             }));
-          case 5:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -71,59 +71,59 @@ function HyperlinkToolbarAppearance(props) {
   }();
   var resolveUrl = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
-      var isUrlSupported, _yield$provider$findP, provider, newMap;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
+      var isUrlSupported, _yield$provider$findP, provider, newMap, _t, _t2, _t3, _t4;
+      return _regenerator.default.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!supportedUrlsMap.has(url)) {
-              _context2.next = 2;
+              _context2.next = 1;
               break;
             }
             return _context2.abrupt("return");
-          case 2:
+          case 1:
             isUrlSupported = false;
-            _context2.prev = 3;
-            _context2.next = 6;
+            _context2.prev = 2;
+            _context2.next = 3;
             return getProvider();
-          case 6:
+          case 3:
             provider = _context2.sent;
-            _context2.next = 9;
+            _context2.next = 4;
             return provider === null || provider === void 0 ? void 0 : provider.findPattern(url);
-          case 9:
-            _context2.t1 = _yield$provider$findP = _context2.sent;
-            _context2.t0 = _context2.t1 !== null;
-            if (!_context2.t0) {
-              _context2.next = 13;
+          case 4:
+            _t2 = _yield$provider$findP = _context2.sent;
+            _t = _t2 !== null;
+            if (!_t) {
+              _context2.next = 5;
               break;
             }
-            _context2.t0 = _yield$provider$findP !== void 0;
-          case 13:
-            if (!_context2.t0) {
-              _context2.next = 17;
+            _t = _yield$provider$findP !== void 0;
+          case 5:
+            if (!_t) {
+              _context2.next = 6;
               break;
             }
-            _context2.t2 = _yield$provider$findP;
-            _context2.next = 18;
+            _t3 = _yield$provider$findP;
+            _context2.next = 7;
             break;
-          case 17:
-            _context2.t2 = false;
-          case 18:
-            isUrlSupported = _context2.t2;
-            _context2.next = 24;
+          case 6:
+            _t3 = false;
+          case 7:
+            isUrlSupported = _t3;
+            _context2.next = 9;
             break;
-          case 21:
-            _context2.prev = 21;
-            _context2.t3 = _context2["catch"](3);
+          case 8:
+            _context2.prev = 8;
+            _t4 = _context2["catch"](2);
             isUrlSupported = false;
-          case 24:
+          case 9:
             newMap = new Map(supportedUrlsMap);
             newMap.set(url, isUrlSupported);
             setSupportedUrlsMap(newMap);
-          case 27:
+          case 10:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[3, 21]]);
+      }, _callee2, null, [[2, 8]]);
     }));
     return function resolveUrl(_x) {
       return _ref2.apply(this, arguments);

package/dist/cjs/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -17,7 +17,7 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _LinkToolbarAppearanceDropdown = require("./LinkToolbarAppearanceDropdown");
-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 _t5 in e) "default" !== _t5 && {}.hasOwnProperty.call(e, _t5) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t5)) && (i.get || i.set) ? o(f, _t5, i) : f[_t5] = e[_t5]); return f; })(e, t); }
 var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
   var _props$editorPluginAp, _props$cardOptions3, _props$editorPluginAp3, _props$editorPluginAp4;
   var _useState = (0, _react.useState)(new Map()),
@@ -45,21 +45,21 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var _props$cardOptions;
       var _props$cardOptions2;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!((_props$cardOptions = props.cardOptions) !== null && _props$cardOptions !== void 0 && _props$cardOptions.provider)) {
-              _context.next = 2;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return", (_props$cardOptions2 = props.cardOptions) === null || _props$cardOptions2 === void 0 ? void 0 : _props$cardOptions2.provider);
-          case 2:
+          case 1:
             if (!cardProvider.current) {
-              _context.next = 4;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return", cardProvider.current);
-          case 4:
+          case 2:
             return _context.abrupt("return", new Promise(function (resolve) {
               var _props$editorPluginAp2;
               var cardProvider = (_props$editorPluginAp2 = props.editorPluginApi) === null || _props$editorPluginAp2 === void 0 || (_props$editorPluginAp2 = _props$editorPluginAp2.card) === null || _props$editorPluginAp2 === void 0 || (_props$editorPluginAp2 = _props$editorPluginAp2.sharedState) === null || _props$editorPluginAp2 === void 0 || (_props$editorPluginAp2 = _props$editorPluginAp2.currentState()) === null || _props$editorPluginAp2 === void 0 ? void 0 : _props$editorPluginAp2.provider;
@@ -67,7 +67,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
                 resolve(cardProvider);
               }
             }));
-          case 5:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -79,60 +79,60 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
   }();
   var resolveUrl = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
-      var isUrlSupported, _yield$provider$findP, provider, newMap;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
+      var isUrlSupported, _yield$provider$findP, provider, newMap, _t, _t2, _t3, _t4;
+      return _regenerator.default.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!supportedUrlsMap.has(url)) {
-              _context2.next = 2;
+              _context2.next = 1;
               break;
             }
             return _context2.abrupt("return");
-          case 2:
+          case 1:
             isUrlSupported = false;
-            _context2.prev = 3;
-            _context2.next = 6;
+            _context2.prev = 2;
+            _context2.next = 3;
             return getProvider();
-          case 6:
+          case 3:
             provider = _context2.sent;
-            _context2.next = 9;
+            _context2.next = 4;
             return provider === null || provider === void 0 ? void 0 : provider.findPattern(url);
-          case 9:
-            _context2.t1 = _yield$provider$findP = _context2.sent;
-            _context2.t0 = _context2.t1 !== null;
-            if (!_context2.t0) {
-              _context2.next = 13;
+          case 4:
+            _t2 = _yield$provider$findP = _context2.sent;
+            _t = _t2 !== null;
+            if (!_t) {
+              _context2.next = 5;
               break;
             }
-            _context2.t0 = _yield$provider$findP !== void 0;
-          case 13:
-            if (!_context2.t0) {
-              _context2.next = 17;
+            _t = _yield$provider$findP !== void 0;
+          case 5:
+            if (!_t) {
+              _context2.next = 6;
               break;
             }
-            _context2.t2 = _yield$provider$findP;
-            _context2.next = 18;
+            _t3 = _yield$provider$findP;
+            _context2.next = 7;
             break;
-          case 17:
-            _context2.t2 = false;
-          case 18:
-            isUrlSupported = _context2.t2;
-            _context2.next = 24;
+          case 6:
+            _t3 = false;
+          case 7:
+            isUrlSupported = _t3;
+            _context2.next = 9;
             break;
-          case 21:
-            _context2.prev = 21;
-            _context2.t3 = _context2["catch"](3);
+          case 8:
+            _context2.prev = 8;
+            _t4 = _context2["catch"](2);
             // eslint-disable-line no-unused-vars
             isUrlSupported = false;
-          case 24:
+          case 9:
             newMap = new Map(supportedUrlsMap);
             newMap.set(url, isUrlSupported);
             setSupportedUrlsMap(newMap);
-          case 27:
+          case 10:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[3, 21]]);
+      }, _callee2, null, [[2, 8]]);
     }));
     return function resolveUrl(_x) {
       return _ref2.apply(this, arguments);

package/dist/cjs/ui/PasteDisplayAsMenu.compiled.css

@@ -0,0 +1,31 @@
+
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
+._1dqonqa1{border-style:solid}
+._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
+._1h6dbk0g{border-color:var(--ds-border-disabled,#0515240f)}
+._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}
+._18u0u2gc{margin-left:var(--ds-space-100,8px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
+._1bah1b1v{justify-content:space-around}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
+._4cvr1h6o{align-items:center}
+._4t3izwfg{height:2pc}
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
+._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
+._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
+._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
+._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}