@atlaskit/editor-plugin-card 0.1.0

package/dist/esm/toolbar.js

@@ -0,0 +1,350 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React from 'react';
+import { NodeSelection } from 'prosemirror-state';
+import { findDomRefAtPos, removeSelectedNode } from 'prosemirror-utils';
+import { isSafeUrl } from '@atlaskit/adf-schema';
+import { ACTION, ACTION_SUBJECT, buildOpenedSettingsPayload, buildVisitedLinkPayload, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { buildLayoutButtons, commandWithMetadata } from '@atlaskit/editor-common/card';
+import commonMessages, { linkMessages, linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
+import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, richMediaClassName } from '@atlaskit/editor-common/styles';
+import { canRenderDatasource } from '@atlaskit/editor-common/utils';
+import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
+import CogIcon from '@atlaskit/icon/glyph/editor/settings';
+import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
+import OpenIcon from '@atlaskit/icon/glyph/shortcut';
+import { changeSelectedCardToText } from './pm-plugins/doc';
+import { pluginKey } from './pm-plugins/main';
+import { buildEditLinkToolbar, editDatasource, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
+import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
+import { SmallerEditIcon } from './ui/SmallerEditIcon';
+import { appearanceForNodeType, displayInfoForCard, findCardInfo, titleUrlPairFromNode } from './utils';
+export var removeCard = function removeCard(editorAnalyticsApi) {
+  return commandWithMetadata(function (state, dispatch) {
+    if (!(state.selection instanceof NodeSelection)) {
+      return false;
+    }
+    var type = state.selection.node.type.name;
+    var payload = {
+      action: ACTION.DELETED,
+      actionSubject: ACTION_SUBJECT.SMART_LINK,
+      actionSubjectId: type,
+      attributes: {
+        inputMethod: INPUT_METHOD.TOOLBAR,
+        displayMode: type
+      },
+      eventType: EVENT_TYPE.TRACK
+    };
+    if (dispatch) {
+      var tr = state.tr;
+      removeSelectedNode(tr);
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(payload)(tr);
+      dispatch(tr);
+    }
+    return true;
+  }, {
+    action: ACTION.DELETED
+  });
+};
+export var visitCardLink = function visitCardLink(editorAnalyticsApi) {
+  return function (state, dispatch) {
+    if (!(state.selection instanceof NodeSelection)) {
+      return false;
+    }
+    var type = state.selection.node.type;
+    var _titleUrlPairFromNode = titleUrlPairFromNode(state.selection.node),
+      url = _titleUrlPairFromNode.url;
+
+    // All card links should open in the same tab per https://product-fabric.atlassian.net/browse/MS-1583.
+    // We are in edit mode here, open the smart card URL in a new window.
+    window.open(url);
+    if (dispatch) {
+      var tr = state.tr;
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(buildVisitedLinkPayload(type.name))(tr);
+      dispatch(tr);
+    }
+    return true;
+  };
+};
+export var openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
+  return function (state, dispatch) {
+    if (!(state.selection instanceof NodeSelection)) {
+      return false;
+    }
+    window.open('https://id.atlassian.com/manage-profile/link-preferences');
+    if (dispatch) {
+      var tr = state.tr,
+        type = state.selection.node.type;
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(buildOpenedSettingsPayload(type.name))(tr);
+      dispatch(tr);
+    }
+    return true;
+  };
+};
+export var floatingToolbar = function floatingToolbar(cardOptions, featureFlags, platform, linkPickerOptions, pluginInjectionApi) {
+  return function (state, intl, providerFactory) {
+    var _state$schema$nodes = state.schema.nodes,
+      inlineCard = _state$schema$nodes.inlineCard,
+      blockCard = _state$schema$nodes.blockCard,
+      embedCard = _state$schema$nodes.embedCard;
+    var nodeType = [inlineCard, blockCard, embedCard];
+    var pluginState = pluginKey.getState(state);
+    if (!(state.selection instanceof NodeSelection)) {
+      return;
+    }
+    var selectedNode = state.selection.node;
+    if (!selectedNode) {
+      return;
+    }
+    var isEmbedCard = appearanceForNodeType(selectedNode.type) === 'embed';
+
+    /* add an offset to embeds due to extra padding */
+    var toolbarOffset = isEmbedCard ? {
+      offset: [0, 24]
+    } : {};
+
+    // Applies padding override for when link picker is currently displayed
+    var className = pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? FLOATING_TOOLBAR_LINKPICKER_CLASSNAME : undefined;
+
+    /**
+     * Enable focus trap only if feature flag is enabled AND for the new version of the picker
+     */
+    var lpLinkPicker = featureFlags.lpLinkPicker,
+      lpLinkPickerFocusTrap = featureFlags.lpLinkPickerFocusTrap,
+      preventPopupOverflow = featureFlags.preventPopupOverflow;
+    var shouldEnableFocusTrap = lpLinkPicker && lpLinkPickerFocusTrap;
+    var isLinkPickerEnabled = !!lpLinkPicker;
+    return _objectSpread(_objectSpread({
+      title: intl.formatMessage(messages.card),
+      className: className,
+      nodeType: nodeType,
+      preventPopupOverflow: preventPopupOverflow
+    }, toolbarOffset), {}, {
+      getDomRef: function getDomRef(view) {
+        var element = findDomRefAtPos(view.state.selection.from, view.domAtPos.bind(view));
+        if (!element) {
+          return undefined;
+        }
+        if (isEmbedCard) {
+          return element.querySelector(".".concat(richMediaClassName));
+        }
+        return element;
+      },
+      items: generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPickerOptions, pluginInjectionApi),
+      scrollable: pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? false : true,
+      focusTrap: shouldEnableFocusTrap && (pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar)
+    }, editLinkToolbarConfig(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled));
+  };
+};
+var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
+  var displayInfo = displayInfoForCard(node, findCardInfo(state));
+  var text = displayInfo.title || displayInfo.url;
+  if (text) {
+    return commandWithMetadata(changeSelectedCardToText(text, editorAnalyticsApi), {
+      action: ACTION.UNLINK
+    });
+  }
+  return function () {
+    return false;
+  };
+};
+var buildAlignmentOptions = function buildAlignmentOptions(state, intl, widthPluginDependencyApi, analyticsApi, cardOptions) {
+  return buildLayoutButtons(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
+};
+var withToolbarMetadata = function withToolbarMetadata(command) {
+  return commandWithMetadata(command, {
+    inputMethod: INPUT_METHOD.FLOATING_TB
+  });
+};
+var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) {
+  return function (node) {
+    var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5, _node$attrs, _node$attrs2, _node$attrs2$datasour;
+    var _titleUrlPairFromNode2 = titleUrlPairFromNode(node),
+      url = _titleUrlPairFromNode2.url;
+    var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.analytics) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
+      editorAnalyticsApi = _ref.actions;
+    var metadata = {};
+    if (url && !isSafeUrl(url)) {
+      return [];
+    } else {
+      var _displayInfoForCard = displayInfoForCard(node, findCardInfo(state)),
+        title = _displayInfoForCard.title;
+      metadata = {
+        url: url,
+        title: title
+      };
+    }
+    var pluginState = pluginKey.getState(state);
+    var currentAppearance = appearanceForNodeType(node.type);
+    var _ref2 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.decorations) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
+      hoverDecoration = _ref2.hoverDecoration;
+    var isDatasource = currentAppearance === 'block' && (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource);
+    var shouldRenderDatasourceToolbar = isDatasource &&
+    // not showing toolbar in mobile for now since not sure what our plans are for it
+    platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : (_node$attrs2$datasour = _node$attrs2.datasource) === null || _node$attrs2$datasour === void 0 ? void 0 : _node$attrs2$datasour.id);
+
+    /* mobile builds toolbar natively using toolbarItems */
+    if (pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar && platform !== 'mobile') {
+      return [buildEditLinkToolbar({
+        providerFactory: providerFactory,
+        linkPicker: linkPicker,
+        node: node,
+        featureFlags: featureFlags,
+        pluginInjectionApi: pluginInjectionApi
+      })];
+    } else if (shouldRenderDatasourceToolbar) {
+      return getDatasourceButtonGroup(state, metadata, intl, editorAnalyticsApi, node, hoverDecoration);
+    } else {
+      var inlineCard = state.schema.nodes.inlineCard;
+      var toolbarItems = [{
+        id: 'editor.link.edit',
+        type: 'button',
+        selected: false,
+        metadata: metadata,
+        title: intl.formatMessage(linkToolbarMessages.editLink),
+        showTitle: true,
+        testId: 'link-toolbar-edit-link-button',
+        onClick: editLink(editorAnalyticsApi)
+      }, {
+        type: 'separator'
+      }, {
+        id: 'editor.link.openLink',
+        type: 'button',
+        icon: OpenIcon,
+        metadata: metadata,
+        className: 'hyperlink-open-link',
+        title: intl.formatMessage(linkMessages.openLink),
+        onClick: visitCardLink(editorAnalyticsApi)
+      }, {
+        type: 'separator'
+      }].concat(_toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
+        type: 'copy-button',
+        items: [{
+          state: state,
+          formatMessage: intl.formatMessage,
+          nodeType: node.type
+        }, {
+          type: 'separator'
+        }]
+      }], _toConsumableArray(getSettingsButtonGroup(state, featureFlags, intl, editorAnalyticsApi)), [{
+        id: 'editor.link.delete',
+        focusEditoronEnter: true,
+        type: 'button',
+        appearance: 'danger',
+        icon: RemoveIcon,
+        onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+        onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+        onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+        onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+        title: intl.formatMessage(commonMessages.remove),
+        onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
+      }]);
+      if (currentAppearance === 'embed') {
+        var _pluginInjectionApi$d6, _pluginInjectionApi$d7, _pluginInjectionApi$d8;
+        var alignmentOptions = buildAlignmentOptions(state, intl, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d6 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : _pluginInjectionApi$d6.width, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d7 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d7 === void 0 ? void 0 : (_pluginInjectionApi$d8 = _pluginInjectionApi$d7.analytics) === null || _pluginInjectionApi$d8 === void 0 ? void 0 : _pluginInjectionApi$d8.actions, cardOptions);
+        if (alignmentOptions.length) {
+          alignmentOptions.push({
+            type: 'separator'
+          });
+        }
+        toolbarItems.unshift.apply(toolbarItems, _toConsumableArray(alignmentOptions));
+      }
+      var allowBlockCards = cardOptions.allowBlockCards,
+        allowEmbeds = cardOptions.allowEmbeds;
+
+      // This code will be executed only for appearances such as "inline", "block" & "embed"
+      // For url appearance, please see HyperlinkToolbarAppearanceProps
+      if (currentAppearance) {
+        toolbarItems.unshift({
+          type: 'custom',
+          fallback: [],
+          render: function render(editorView) {
+            return /*#__PURE__*/React.createElement(LinkToolbarAppearance, {
+              key: "link-appearance",
+              url: url,
+              intl: intl,
+              currentAppearance: currentAppearance,
+              editorView: editorView,
+              editorState: state,
+              allowEmbeds: allowEmbeds,
+              allowBlockCards: allowBlockCards,
+              platform: platform,
+              editorAnalyticsApi: editorAnalyticsApi,
+              cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions
+            });
+          }
+        }, {
+          type: 'separator'
+        });
+      }
+      return toolbarItems;
+    }
+  };
+};
+var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi) {
+  return node.type === inlineCard ? [{
+    id: 'editor.link.unlink',
+    focusEditoronEnter: true,
+    type: 'button',
+    title: intl.formatMessage(linkToolbarMessages.unlink),
+    icon: UnlinkIcon,
+    onClick: withToolbarMetadata(unlinkCard(node, state, editorAnalyticsApi))
+  }, {
+    type: 'separator'
+  }] : [];
+};
+var getSettingsButtonGroup = function getSettingsButtonGroup(state, featureFlags, intl, editorAnalyticsApi) {
+  var floatingToolbarLinkSettingsButton = featureFlags.floatingToolbarLinkSettingsButton;
+  return floatingToolbarLinkSettingsButton === 'true' ? [{
+    id: 'editor.link.settings',
+    type: 'button',
+    icon: CogIcon,
+    title: intl.formatMessage(linkToolbarMessages.settingsLink),
+    onClick: openLinkSettings(editorAnalyticsApi)
+  }, {
+    type: 'separator'
+  }] : [];
+};
+var getDatasourceButtonGroup = function getDatasourceButtonGroup(state, metadata, intl, editorAnalyticsApi, node, hoverDecoration) {
+  var _node$attrs3;
+  var toolbarItems = [{
+    id: 'editor.edit.datasource',
+    type: 'button',
+    icon: SmallerEditIcon,
+    metadata: metadata,
+    className: 'datasource-edit',
+    title: intl.formatMessage(linkToolbarMessages.editDatasource),
+    onClick: editDatasource(node, editorAnalyticsApi)
+  }];
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+    toolbarItems.push({
+      type: 'separator'
+    }, {
+      id: 'editor.link.openLink',
+      type: 'button',
+      icon: OpenIcon,
+      metadata: metadata,
+      className: 'hyperlink-open-link',
+      title: intl.formatMessage(linkMessages.openLink),
+      onClick: visitCardLink(editorAnalyticsApi)
+    });
+  }
+  toolbarItems.push({
+    type: 'separator'
+  }, {
+    id: 'editor.link.delete',
+    focusEditoronEnter: true,
+    type: 'button',
+    appearance: 'danger',
+    icon: RemoveIcon,
+    onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+    onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+    onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+    onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+    title: intl.formatMessage(commonMessages.remove),
+    onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
+  });
+  return toolbarItems;
+};

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/DatasourceModal/ModalWithState.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { DatasourceModal } from './index';
+var ModalWithState = function ModalWithState(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView;
+  var _useSharedPluginState = useSharedPluginState(api, ['card']),
+    cardState = _useSharedPluginState.cardState;
+  if (!(cardState !== null && cardState !== void 0 && cardState.showDatasourceModal)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(DatasourceModal, {
+    view: editorView,
+    modalType: cardState === null || cardState === void 0 ? void 0 : cardState.datasourceModalType
+  });
+};
+export default ModalWithState;

package/dist/esm/ui/DatasourceModal/index.js

@@ -0,0 +1,49 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useCallback } from 'react';
+import { NodeSelection } from 'prosemirror-state';
+import { JIRA_LIST_OF_LINKS_DATASOURCE_ID, JiraIssuesConfigModal } from '@atlaskit/link-datasource';
+import { hideDatasourceModal } from '../../pm-plugins/actions';
+import { insertDatasource, updateExistingDatasource } from '../../pm-plugins/doc';
+export var DatasourceModal = function DatasourceModal(_ref) {
+  var view = _ref.view,
+    modalType = _ref.modalType;
+  var dispatch = view.dispatch,
+    state = view.state;
+  var selection = state.selection;
+  var existingNode = selection instanceof NodeSelection ? selection.node : undefined;
+  var onClose = useCallback(function () {
+    dispatch(hideDatasourceModal(state.tr));
+  }, [dispatch, state.tr]);
+  var onInsert = useCallback(function (newAdf) {
+    if (existingNode) {
+      updateExistingDatasource(state, existingNode, newAdf, view);
+    } else {
+      insertDatasource(state, newAdf, view);
+    }
+  }, [existingNode, state, view]);
+  if (modalType === 'jira') {
+    var _existingNode$attrs, _tableView$properties;
+    var _ref2 = (existingNode === null || existingNode === void 0 ? void 0 : (_existingNode$attrs = existingNode.attrs) === null || _existingNode$attrs === void 0 ? void 0 : _existingNode$attrs.datasource) || {},
+      _ref2$id = _ref2.id,
+      datasourceId = _ref2$id === void 0 ? JIRA_LIST_OF_LINKS_DATASOURCE_ID : _ref2$id,
+      parameters = _ref2.parameters,
+      _ref2$views = _ref2.views,
+      views = _ref2$views === void 0 ? [] : _ref2$views;
+    var _ref3 = views,
+      _ref4 = _slicedToArray(_ref3, 1),
+      tableView = _ref4[0];
+    var visibleColumnKeys = tableView === null || tableView === void 0 ? void 0 : (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (column) {
+      return column.key;
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": "jira-config-modal"
+    }, /*#__PURE__*/React.createElement(JiraIssuesConfigModal, {
+      datasourceId: datasourceId,
+      visibleColumnKeys: visibleColumnKeys,
+      parameters: parameters,
+      onCancel: onClose,
+      onInsert: onInsert
+    }));
+  }
+  return null; // null for now until we have modal component that handles other datasources
+};

package/dist/esm/ui/EditLinkToolbar.js

@@ -0,0 +1,244 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+import React from 'react';
+import { NodeSelection } from 'prosemirror-state';
+import { ACTION, buildEditLinkPayload, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { commandWithMetadata } from '@atlaskit/editor-common/card';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { HyperlinkAddToolbar as HyperlinkToolbar } from '@atlaskit/editor-common/link';
+import { linkToolbarMessages } from '@atlaskit/editor-common/messages';
+import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX, withOuterListeners } from '@atlaskit/editor-common/ui';
+import { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
+import { hideLinkToolbar as _hideLinkToolbar, showDatasourceModal, showLinkToolbar } from '../pm-plugins/actions';
+import { changeSelectedCardToLink, updateCard } from '../pm-plugins/doc';
+import { displayInfoForCard, findCardInfo } from '../utils';
+var HyperLinkToolbarWithListeners = withOuterListeners(HyperlinkAddToolbarWithState);
+export 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 = useSharedPluginState(pluginInjectionApi, ['hyperlink']),
+    hyperlinkState = _useSharedPluginState.hyperlinkState;
+  return /*#__PURE__*/React.createElement(HyperlinkToolbar, {
+    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
+export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
+  _inherits(EditLinkToolbar, _React$Component);
+  var _super = _createSuper(EditLinkToolbar);
+  function EditLinkToolbar() {
+    var _this;
+    _classCallCheck(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.
+     */
+    _defineProperty(_assertThisInitialized(_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(linkToolbarMessages.editLink.defaultMessage, "\"]"), _this.props.view);
+    });
+    return _this;
+  }
+  _createClass(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(_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.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: 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);
+          _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.Component);
+export var editLink = function editLink(editorAnalyticsApi) {
+  return function (state, dispatch) {
+    var type = 'hyperlink';
+    if (state.selection instanceof NodeSelection) {
+      type = state.selection.node.type.name;
+    }
+    if (dispatch) {
+      var tr = state.tr;
+      showLinkToolbar(tr);
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(buildEditLinkPayload(type))(tr);
+      dispatch(tr);
+      return true;
+    }
+    return false;
+  };
+};
+export 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 = displayInfoForCard(node, findCardInfo(view.state));
+      return /*#__PURE__*/React.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 commandWithMetadata(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: ACTION.UPDATED,
+              inputMethod: inputMethod,
+              sourceEvent: analytic
+            })(view.state, view.dispatch);
+          }
+          if (urlChanged) {
+            // If *only* the url is changed in a smart link, reresolve
+            return updateCard(newHref, analytic)(view.state, view.dispatch);
+          }
+        }
+      });
+    }
+  };
+};
+export var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
+  return showLinkingToolbar ? {
+    height: lpLinkPicker ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX,
+    width: RECENT_SEARCH_WIDTH_IN_PX,
+    forcePlacement: true
+  } : {};
+};
+export 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) === JIRA_LIST_OF_LINKS_DATASOURCE_ID ? 'jira' : undefined;
+    if (dispatch && modalType) {
+      var tr = state.tr;
+      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;
+  };
+};