@atlaskit/editor-plugin-card 0.1.0

package/dist/cjs/ui/EditLinkToolbar.js

@@ -0,0 +1,258 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditLinkToolbar = void 0;
+exports.HyperlinkAddToolbarWithState = HyperlinkAddToolbarWithState;
+exports.editLinkToolbarConfig = exports.editLink = exports.editDatasource = exports.buildEditLinkToolbar = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _prosemirrorState = require("prosemirror-state");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _card = require("@atlaskit/editor-common/card");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _link = require("@atlaskit/editor-common/link");
+var _messages = require("@atlaskit/editor-common/messages");
+var _ui = require("@atlaskit/editor-common/ui");
+var _linkDatasource = require("@atlaskit/link-datasource");
+var _actions = require("../pm-plugins/actions");
+var _doc = require("../pm-plugins/doc");
+var _utils = require("../utils");
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var HyperLinkToolbarWithListeners = (0, _ui.withOuterListeners)(HyperlinkAddToolbarWithState);
+function HyperlinkAddToolbarWithState(_ref) {
+  var _ref$linkPickerOption = _ref.linkPickerOptions,
+    linkPickerOptions = _ref$linkPickerOption === void 0 ? {} : _ref$linkPickerOption,
+    onSubmit = _ref.onSubmit,
+    displayText = _ref.displayText,
+    displayUrl = _ref.displayUrl,
+    providerFactory = _ref.providerFactory,
+    view = _ref.view,
+    onCancel = _ref.onCancel,
+    invokeMethod = _ref.invokeMethod,
+    featureFlags = _ref.featureFlags,
+    onClose = _ref.onClose,
+    onEscapeCallback = _ref.onEscapeCallback,
+    onClickAwayCallback = _ref.onClickAwayCallback,
+    pluginInjectionApi = _ref.pluginInjectionApi;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['hyperlink']),
+    hyperlinkState = _useSharedPluginState.hyperlinkState;
+  return /*#__PURE__*/_react.default.createElement(_link.HyperlinkAddToolbar, {
+    linkPickerOptions: linkPickerOptions,
+    onSubmit: onSubmit,
+    displayText: displayText,
+    displayUrl: displayUrl,
+    providerFactory: providerFactory,
+    view: view,
+    onCancel: onCancel,
+    invokeMethod: invokeMethod,
+    featureFlags: featureFlags,
+    onClose: onClose,
+    onEscapeCallback: onEscapeCallback,
+    onClickAwayCallback: onClickAwayCallback,
+    hyperlinkPluginState: hyperlinkState
+  });
+}
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(EditLinkToolbar, _React$Component);
+  var _super = _createSuper(EditLinkToolbar);
+  function EditLinkToolbar() {
+    var _this;
+    (0, _classCallCheck2.default)(this, EditLinkToolbar);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    /** Focus should move to the 'Edit link' button when the toolbar closes
+     * and not close the floating toolbar.
+     */
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEsc", function (e) {
+      var _this$props$forceFocu, _this$props;
+      (_this$props$forceFocu = (_this$props = _this.props).forceFocusSelector) === null || _this$props$forceFocu === void 0 ? void 0 : _this$props$forceFocu.call(_this$props, "[aria-label=\"".concat(_messages.linkToolbarMessages.editLink.defaultMessage, "\"]"), _this.props.view);
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(EditLinkToolbar, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.node !== this.props.node) {
+        this.hideLinkToolbar();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.hideLinkToolbar();
+    }
+  }, {
+    key: "hideLinkToolbar",
+    value: function hideLinkToolbar() {
+      var view = this.props.view;
+      view.dispatch((0, _actions.hideLinkToolbar)(view.state.tr));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props2 = this.props,
+        linkPickerOptions = _this$props2.linkPickerOptions,
+        providerFactory = _this$props2.providerFactory,
+        url = _this$props2.url,
+        text = _this$props2.text,
+        view = _this$props2.view,
+        featureFlags = _this$props2.featureFlags,
+        _onSubmit = _this$props2.onSubmit,
+        pluginInjectionApi = _this$props2.pluginInjectionApi;
+      return /*#__PURE__*/_react.default.createElement(HyperLinkToolbarWithListeners, {
+        pluginInjectionApi: pluginInjectionApi,
+        view: view,
+        linkPickerOptions: linkPickerOptions,
+        providerFactory: providerFactory,
+        displayUrl: url,
+        displayText: text,
+        handleEscapeKeydown: this.handleEsc
+        // Assumes that the smart card link picker can only ever be invoked by clicking "edit"
+        // via the floating toolbar
+        ,
+        invokeMethod: _analytics.INPUT_METHOD.FLOATING_TB,
+        featureFlags: featureFlags,
+        onSubmit: function onSubmit(href, title, displayText, inputMethod, analytic) {
+          _this2.hideLinkToolbar();
+          if (_onSubmit) {
+            _onSubmit(href, displayText || title, inputMethod, analytic);
+          }
+        },
+        onEscapeCallback: function onEscapeCallback(state, dispatch) {
+          var tr = state.tr;
+          pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.hyperlink.actions.hideLinkToolbar(tr);
+          (0, _actions.hideLinkToolbar)(tr);
+          if (dispatch) {
+            dispatch(tr);
+            return true;
+          }
+          return false;
+        },
+        onClickAwayCallback: function onClickAwayCallback(state, dispatch) {
+          var tr = state.tr;
+          pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.hyperlink.actions.hideLinkToolbar(tr);
+          if (dispatch) {
+            dispatch(tr);
+            return true;
+          }
+          return false;
+        }
+      });
+    }
+  }]);
+  return EditLinkToolbar;
+}(_react.default.Component);
+exports.EditLinkToolbar = EditLinkToolbar;
+var editLink = function editLink(editorAnalyticsApi) {
+  return function (state, dispatch) {
+    var type = 'hyperlink';
+    if (state.selection instanceof _prosemirrorState.NodeSelection) {
+      type = state.selection.node.type.name;
+    }
+    if (dispatch) {
+      var tr = state.tr;
+      (0, _actions.showLinkToolbar)(tr);
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent((0, _analytics.buildEditLinkPayload)(type))(tr);
+      dispatch(tr);
+      return true;
+    }
+    return false;
+  };
+};
+exports.editLink = editLink;
+var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
+  var providerFactory = _ref2.providerFactory,
+    node = _ref2.node,
+    linkPicker = _ref2.linkPicker,
+    featureFlags = _ref2.featureFlags,
+    pluginInjectionApi = _ref2.pluginInjectionApi;
+  return {
+    type: 'custom',
+    disableArrowNavigation: true,
+    fallback: [],
+    render: function render(view, idx) {
+      var _pluginInjectionApi$d;
+      if (!view || !providerFactory) {
+        return null;
+      }
+      var displayInfo = (0, _utils.displayInfoForCard)(node, (0, _utils.findCardInfo)(view.state));
+      return /*#__PURE__*/_react.default.createElement(EditLinkToolbar, {
+        pluginInjectionApi: pluginInjectionApi,
+        key: idx,
+        view: view,
+        linkPickerOptions: linkPicker,
+        providerFactory: providerFactory,
+        url: displayInfo.url,
+        text: displayInfo.title || '',
+        node: node,
+        featureFlags: featureFlags,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.floatingToolbar.actions) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.forceFocusSelector,
+        onSubmit: function onSubmit(newHref, newText, inputMethod, analytic) {
+          var urlChanged = newHref !== displayInfo.url;
+          var titleChanged = newText !== displayInfo.title;
+
+          // If the title is changed in a smartlink, convert to standard blue hyperlink
+          // (even if the url was also changed) - we don't want to lose the custom title.
+          if (titleChanged) {
+            var _pluginInjectionApi$d2;
+            return (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToLink)(newText, newHref, undefined, undefined, undefined, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions), {
+              action: _analytics.ACTION.UPDATED,
+              inputMethod: inputMethod,
+              sourceEvent: analytic
+            })(view.state, view.dispatch);
+          }
+          if (urlChanged) {
+            // If *only* the url is changed in a smart link, reresolve
+            return (0, _doc.updateCard)(newHref, analytic)(view.state, view.dispatch);
+          }
+        }
+      });
+    }
+  };
+};
+exports.buildEditLinkToolbar = buildEditLinkToolbar;
+var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
+  return showLinkingToolbar ? {
+    height: lpLinkPicker ? _ui.LINKPICKER_HEIGHT_IN_PX : _ui.RECENT_SEARCH_HEIGHT_IN_PX,
+    width: _ui.RECENT_SEARCH_WIDTH_IN_PX,
+    forcePlacement: true
+  } : {};
+};
+exports.editLinkToolbarConfig = editLinkToolbarConfig;
+var editDatasource = function editDatasource(node, editorAnalyticsApi) {
+  return function (state, dispatch) {
+    var _node$attrs;
+    var modalType = ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource.id) === _linkDatasource.JIRA_LIST_OF_LINKS_DATASOURCE_ID ? 'jira' : undefined;
+    if (dispatch && modalType) {
+      var tr = state.tr;
+      (0, _actions.showDatasourceModal)(modalType)(tr);
+      // editorAnalyticsApi?.attachAnalyticsEvent(
+      //   buildEditLinkPayload(
+      //     type as
+      //       | ACTION_SUBJECT_ID.CARD_INLINE
+      //       | ACTION_SUBJECT_ID.CARD_BLOCK
+      //       | ACTION_SUBJECT_ID.EMBEDS,
+      //   ),
+      // )(tr);
+      dispatch(tr);
+      return true;
+    }
+    return false;
+  };
+};
+exports.editDatasource = editDatasource;

package/dist/cjs/ui/EditorSmartCardEvents.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorSmartCardEvents = void 0;
+var _react = require("react");
+var _smartCard = require("@atlaskit/smart-card");
+var _actions = require("../pm-plugins/actions");
+var EditorSmartCardEvents = function EditorSmartCardEvents(_ref) {
+  var editorView = _ref.editorView;
+  var events = (0, _smartCard.useSmartLinkEvents)();
+  (0, _react.useEffect)(function () {
+    if (!events) {
+      return;
+    }
+    editorView.dispatch((0, _actions.registerSmartCardEvents)(events)(editorView.state.tr));
+  }, [events, editorView]);
+  return null;
+};
+exports.EditorSmartCardEvents = EditorSmartCardEvents;

package/dist/cjs/ui/EditorSmartCardEventsNext.js

@@ -0,0 +1,215 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EventsBinding = exports.EditorSmartCardEventsNext = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _utils = require("@atlaskit/editor-common/utils");
+var _linkAnalytics = require("@atlaskit/link-analytics");
+var _actions = require("../pm-plugins/actions");
+var _state = require("../pm-plugins/util/state");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+/**
+ * If the metadata is for a history event,
+ * returns undo/redo instead of instead of what fn(metadata) would have otherwise
+ * returned
+ */
+var withHistoryMethod = function withHistoryMethod(fn) {
+  return function (metadata) {
+    var isUndo = metadata.isUndo,
+      isRedo = metadata.isRedo;
+    if (isUndo) {
+      return 'undo';
+    }
+    if (isRedo) {
+      return 'redo';
+    }
+    return fn(metadata);
+  };
+};
+var getMethod = withHistoryMethod(function (_ref) {
+  var inputMethod = _ref.inputMethod;
+  switch (inputMethod) {
+    case _analytics.INPUT_METHOD.CLIPBOARD:
+      return 'editor_paste';
+    case _analytics.INPUT_METHOD.FLOATING_TB:
+      return 'editor_floatingToolbar';
+    case _analytics.INPUT_METHOD.AUTO_DETECT:
+    case _analytics.INPUT_METHOD.FORMATTING:
+      return 'editor_type';
+    default:
+      return 'unknown';
+  }
+});
+var getUpdateType = withHistoryMethod(function (_ref2) {
+  var action = _ref2.action;
+  switch (action) {
+    case _analytics.ACTION.CHANGED_TYPE:
+      return 'display_update';
+    case _analytics.ACTION.UPDATED:
+      return 'link_update';
+    default:
+      return 'unknown';
+  }
+});
+var getDeleteType = withHistoryMethod(function (_ref3) {
+  var action = _ref3.action;
+  if (action === _analytics.ACTION.UNLINK) {
+    return 'unlink';
+  }
+  return 'delete';
+});
+var getSourceEventFromMetadata = function getSourceEventFromMetadata(metadata) {
+  return metadata.sourceEvent instanceof _analyticsNext.UIAnalyticsEvent ? metadata.sourceEvent : null;
+};
+
+/**
+ * Set display category as `link` if not displaying the link as a smart card
+ */
+var displayCategoryFromDisplay = function displayCategoryFromDisplay(display) {
+  if (display === 'url') {
+    return 'link';
+  }
+};
+
+/**
+ * Binds the @atlaskit/link-analytics callbacks
+ * to the editor card plugin state events callbacks interfaces
+ */
+var EventsBinding = function EventsBinding(_ref4) {
+  var editorView = _ref4.editorView;
+  /**
+   * These callbacks internally use window.requestIdleCallback/requestAnimationFrame
+   * to defer any heavy operations involving network
+   *
+   * The callbacks themselves should not be deferred, they should be called syncronously the moment
+   * the events take place.
+   */
+  var _useSmartLinkLifecycl = (0, _linkAnalytics.useSmartLinkLifecycleAnalytics)(),
+    linkCreated = _useSmartLinkLifecycl.linkCreated,
+    linkUpdated = _useSmartLinkLifecycl.linkUpdated,
+    linkDeleted = _useSmartLinkLifecycl.linkDeleted;
+  var events = (0, _react.useMemo)(function () {
+    return {
+      created: function created(metadata) {
+        var url = metadata.url,
+          display = metadata.display,
+          nodeContext = metadata.nodeContext;
+        var displayCategory = displayCategoryFromDisplay(display);
+        var sourceEvent = getSourceEventFromMetadata(metadata);
+        var creationMethod = getMethod(metadata);
+        linkCreated({
+          url: url,
+          displayCategory: displayCategory
+        }, sourceEvent, {
+          display: display,
+          nodeContext: nodeContext,
+          creationMethod: creationMethod
+        });
+      },
+      updated: function updated(metadata) {
+        var url = metadata.url,
+          display = metadata.display,
+          previousDisplay = metadata.previousDisplay,
+          nodeContext = metadata.nodeContext;
+        var displayCategory = displayCategoryFromDisplay(display);
+        var sourceEvent = getSourceEventFromMetadata(metadata);
+        var updateMethod = getMethod(metadata);
+        var updateType = getUpdateType(metadata);
+        linkUpdated({
+          url: url,
+          displayCategory: displayCategory
+        }, sourceEvent, {
+          display: display,
+          previousDisplay: previousDisplay,
+          nodeContext: nodeContext,
+          updateMethod: updateMethod,
+          updateType: updateType
+        });
+      },
+      deleted: function deleted(metadata) {
+        var url = metadata.url,
+          display = metadata.display,
+          nodeContext = metadata.nodeContext;
+        var displayCategory = displayCategoryFromDisplay(display);
+        var sourceEvent = getSourceEventFromMetadata(metadata);
+        var deleteMethod = getMethod(metadata);
+        var deleteType = getDeleteType(metadata);
+        linkDeleted({
+          url: url,
+          displayCategory: displayCategory
+        }, sourceEvent, {
+          display: display,
+          nodeContext: nodeContext,
+          deleteMethod: deleteMethod,
+          deleteType: deleteType
+        });
+      }
+    };
+  }, [linkCreated, linkUpdated, linkDeleted]);
+  (0, _react.useEffect)(function () {
+    editorView.dispatch((0, _actions.registerSmartCardEventsNext)(events)(editorView.state.tr));
+  }, [events, editorView]);
+  return null;
+};
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
+exports.EventsBinding = EventsBinding;
+var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(EditorSmartCardEventsNext, _React$PureComponent);
+  var _super = _createSuper(EditorSmartCardEventsNext);
+  function EditorSmartCardEventsNext() {
+    (0, _classCallCheck2.default)(this, EditorSmartCardEventsNext);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2.default)(EditorSmartCardEventsNext, [{
+    key: "render",
+    value: function render() {
+      var _getPluginState;
+      var cardContext = this.context.contextAdapter.card;
+
+      /**
+       * The analytics hook needs to be able to communicate with the card context
+       * If we can't access it, don't mount the event bindings
+       * This effectively entirely disables all tracking behaviour
+       */
+      if (!cardContext) {
+        return null;
+      }
+      var editorAppearance = (_getPluginState = (0, _state.getPluginState)(this.props.editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
+      var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
+      var analyticsData = {
+        attributes: {
+          location: analyticsEditorAppearance
+        },
+        // Below is added for the future implementation of Linking Platform namespaced analytic context
+        location: analyticsEditorAppearance
+      };
+      return /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
+        value: cardContext.value
+      }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+        data: analyticsData
+      }, /*#__PURE__*/_react.default.createElement(EventsBinding, this.props)));
+    }
+  }]);
+  return EditorSmartCardEventsNext;
+}(_react.default.PureComponent);
+exports.EditorSmartCardEventsNext = EditorSmartCardEventsNext;
+(0, _defineProperty2.default)(EditorSmartCardEventsNext, "contextTypes", {
+  contextAdapter: _propTypes.default.object
+});

package/dist/cjs/ui/HyperlinkToolbarAppearance.js

@@ -0,0 +1,174 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HyperlinkToolbarAppearance = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _LinkToolbarAppearance = require("./LinkToolbarAppearance");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(HyperlinkToolbarAppearance, _Component);
+  var _super = _createSuper(HyperlinkToolbarAppearance);
+  function HyperlinkToolbarAppearance() {
+    var _this;
+    (0, _classCallCheck2.default)(this, HyperlinkToolbarAppearance);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      supportedUrlsMap: new Map()
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getProvider", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!_this.cardProvider) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return", _this.cardProvider);
+          case 2:
+            return _context2.abrupt("return", new Promise(function (resolve) {
+              var providerFactory = _this.props.providerFactory;
+              providerFactory.subscribe('cardProvider', /*#__PURE__*/function () {
+                var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_, cardProvider) {
+                  return _regenerator.default.wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        if (cardProvider) {
+                          _context.next = 2;
+                          break;
+                        }
+                        return _context.abrupt("return");
+                      case 2:
+                        _context.next = 4;
+                        return cardProvider;
+                      case 4:
+                        _this.cardProvider = _context.sent;
+                        resolve(_this.cardProvider);
+                      case 6:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }, _callee);
+                }));
+                return function (_x, _x2) {
+                  return _ref2.apply(this, arguments);
+                };
+              }());
+            }));
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    })));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "resolveUrl", /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
+        var supportedUrlsMap, isUrlSupported, provider;
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              supportedUrlsMap = _this.state.supportedUrlsMap;
+              if (!supportedUrlsMap.has(url)) {
+                _context3.next = 3;
+                break;
+              }
+              return _context3.abrupt("return");
+            case 3:
+              isUrlSupported = false;
+              _context3.prev = 4;
+              _context3.next = 7;
+              return _this.getProvider();
+            case 7:
+              provider = _context3.sent;
+              _context3.next = 10;
+              return provider.findPattern(url);
+            case 10:
+              isUrlSupported = _context3.sent;
+              _context3.next = 16;
+              break;
+            case 13:
+              _context3.prev = 13;
+              _context3.t0 = _context3["catch"](4);
+              isUrlSupported = false;
+            case 16:
+              supportedUrlsMap.set(url, isUrlSupported);
+              _this.setState({
+                supportedUrlsMap: supportedUrlsMap
+              });
+            case 18:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, null, [[4, 13]]);
+      }));
+      return function (_x3) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidMount", function () {
+      return _this.resolveUrl(_this.props.url);
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(HyperlinkToolbarAppearance, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value:
+    // needed so we display the right state on the Toolbar while the same Toolbar
+    // instance is visible and we click other link
+    function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (nextProps.url !== this.props.url) {
+        this.resolveUrl(nextProps.url);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        url = _this$props.url,
+        intl = _this$props.intl,
+        editorView = _this$props.editorView,
+        editorState = _this$props.editorState,
+        cardOptions = _this$props.cardOptions,
+        platform = _this$props.platform,
+        editorAnalyticsApi = _this$props.editorAnalyticsApi,
+        cardActions = _this$props.cardActions;
+      var supportedUrlsMap = this.state.supportedUrlsMap;
+      if (!supportedUrlsMap.get(url)) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(_LinkToolbarAppearance.LinkToolbarAppearance, {
+        key: "link-appearance",
+        url: url,
+        intl: intl,
+        editorView: editorView,
+        editorState: editorState,
+        allowEmbeds: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowEmbeds,
+        allowBlockCards: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowBlockCards,
+        platform: platform,
+        editorAnalyticsApi: editorAnalyticsApi,
+        cardActions: cardActions
+      });
+    }
+  }]);
+  return HyperlinkToolbarAppearance;
+}(_react.Component);
+exports.HyperlinkToolbarAppearance = HyperlinkToolbarAppearance;