@atlaskit/editor-plugin-card 3.0.1 → 3.0.3

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-card
 
+## 3.0.3
+
+### Patch Changes
+
+- [#142202](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/142202)
+  [`bd97acf1388d4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bd97acf1388d4) -
+  Fix edit datasource option not available on links with empty result or invalid jql
+
+## 3.0.2
+
+### Patch Changes
+
+- [#139456](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139456)
+  [`a788f5ceac7a2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a788f5ceac7a2) -
+  [ux] When FF hardcoded-embeds-only-on-new-line is true pasting of some urls (like youtube or jira
+  dashboard or conny whiteboards) will only become embed right away if pasted on a new line in a
+  root of the document
+- Updated dependencies
+
 ## 3.0.1
 
 ### Patch Changes

package/dist/cjs/pm-plugins/util/resolve.js

@@ -5,21 +5,45 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.resolveWithProvider = exports.handleProvider = void 0;
 var _utils = require("@atlaskit/editor-common/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _actions = require("../actions");
 var _doc = require("../doc");
+var isFreshlyPastedOnNewLine = function isFreshlyPastedOnNewLine(view) {
+  var selection = view.state.selection;
+  var _ref = selection,
+    $cursor = _ref.$cursor,
+    $anchor = _ref.$anchor;
+  if (!$cursor) {
+    return false;
+  }
+  if (!(0, _utils.hasDocAsParent)($anchor)) {
+    return false;
+  }
+  var node = $cursor.node();
+  if (!node) {
+    return false;
+  }
+  if (node.type.name !== 'paragraph') {
+    return false;
+  }
+  return node.childCount === 1; // The pasted blue link itself
+};
+
 // ============================================================================ //
 // ============================== PROVIDER UTILS ============================== //
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
 var resolveWithProvider = exports.resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) {
+  var isEmbedFriendlyLocation = (0, _platformFeatureFlags.fg)('hardcoded-embeds-only-on-new-line') ? isFreshlyPastedOnNewLine(view) : true;
+
   // When user manually changes appearance from blue link to smart link, we should respect that,
   var shouldForceAppearance =
   // This flag is set to true only in one place atm:
   // packages/editor/editor-core/src/plugins/card/pm-plugins/doc.ts @ convertHyperlinkToSmartCard
   // Which is used when user switching from URL to smart link appearance.
   !!request.shouldReplaceLink;
-  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
+  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance, isEmbedFriendlyLocation).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
   return handleResolve;
 };
 var updateCardType = function updateCardType(resolvedCard, options) {

package/dist/cjs/toolbar.js

@@ -188,7 +188,7 @@ var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
 };
 var generateToolbarItems = function generateToolbarItems(state, intl, providerFactory, cardOptions, lpLinkPicker, linkPicker, pluginInjectionApi) {
   return function (node) {
-    var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _node$attrs;
+    var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _node$attrs, _node$attrs2;
     var _titleUrlPairFromNode2 = (0, _utils3.titleUrlPairFromNode)(node),
       url = _titleUrlPairFromNode2.url;
     var _ref = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
@@ -208,8 +208,9 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     var _ref2 = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
       hoverDecoration = _ref2.hoverDecoration;
     var isDatasource = (0, _utils3.isDatasourceNode)(node);
+    var datasourceId = node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.datasource) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
     var pluginState = _main.pluginKey.getState(state);
-    var shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && (0, _utils.canRenderDatasource)(node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.datasource) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id);
+    var shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && (0, _utils.canRenderDatasource)(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id);
     if (pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar) {
       return [(0, _EditLinkToolbar.buildEditLinkToolbar)({
         providerFactory: providerFactory,
@@ -341,6 +342,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
           fallback: [],
           render: function render(editorView) {
             return /*#__PURE__*/_react.default.createElement(_EditDatasourceButton.EditDatasourceButton, {
+              datasourceId: datasourceId,
               intl: intl,
               editorAnalyticsApi: editorAnalyticsApi,
               url: url,
@@ -392,7 +394,7 @@ var getSettingsButtonGroup = exports.getSettingsButtonGroup = function getSettin
   }];
 };
 var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance) {
-  var _node$attrs2;
+  var _node$attrs3;
   var toolbarItems = [];
   if ((0, _utils3.isDatasourceConfigEditable)(datasourceId) && !(0, _platformFeatureFlags.fg)('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
     toolbarItems.push({
@@ -477,7 +479,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       }
     });
   }
-  if (node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.url) {
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
     toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',

package/dist/cjs/ui/EditDatasourceButton.js

@@ -30,6 +30,7 @@ var buttonStyles = (0, _react2.css)({
 // if they can resolve into a datasource.
 var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardContext(_ref) {
   var cardContext = _ref.cardContext,
+    datasourceIdFromAdf = _ref.datasourceId,
     intl = _ref.intl,
     editorAnalyticsApi = _ref.editorAnalyticsApi,
     url = _ref.url,
@@ -40,8 +41,9 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
       url: url,
       cardContext: cardContext
     }),
-    datasourceId = _useFetchDatasourceIn.datasourceId,
+    datasourceIdFromUrl = _useFetchDatasourceIn.datasourceId,
     extensionKey = _useFetchDatasourceIn.extensionKey;
+  var datasourceId = datasourceIdFromUrl !== null && datasourceIdFromUrl !== void 0 ? datasourceIdFromUrl : datasourceIdFromAdf;
   var onEditDatasource = (0, _react.useCallback)(function () {
     if (editorView && datasourceId) {
       editDatasource(datasourceId, editorAnalyticsApi, currentAppearance, extensionKey)(editorView.state, editorView.dispatch);
@@ -68,7 +70,8 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
   }), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
 };
 var EditDatasourceButton = exports.EditDatasourceButton = function EditDatasourceButton(_ref2) {
-  var intl = _ref2.intl,
+  var datasourceId = _ref2.datasourceId,
+    intl = _ref2.intl,
     editorAnalyticsApi = _ref2.editorAnalyticsApi,
     url = _ref2.url,
     editorView = _ref2.editorView,
@@ -76,6 +79,7 @@ var EditDatasourceButton = exports.EditDatasourceButton = function EditDatasourc
   return (0, _react2.jsx)(_CardContextProvider.CardContextProvider, null, function (_ref3) {
     var cardContext = _ref3.cardContext;
     return (0, _react2.jsx)(EditDatasourceButtonWithCardContext, {
+      datasourceId: datasourceId,
       url: url,
       intl: intl,
       editorAnalyticsApi: editorAnalyticsApi,

package/dist/cjs/ui/EditToolbarButton/index.js

@@ -159,6 +159,7 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
 var EditToolbarButtonWithUrl = function EditToolbarButtonWithUrl(props) {
   var cardContext = props.cardContext,
     currentAppearance = props.currentAppearance,
+    datasourceIdFromAdf = props.datasourceId,
     editorAnalyticsApi = props.editorAnalyticsApi,
     editorView = props.editorView,
     intl = props.intl,
@@ -170,7 +171,8 @@ var EditToolbarButtonWithUrl = function EditToolbarButtonWithUrl(props) {
       cardContext: cardContext
     }),
     extensionKey = _useFetchDatasourceIn2.extensionKey,
-    datasourceId = _useFetchDatasourceIn2.datasourceId;
+    datasourceIdFromUrl = _useFetchDatasourceIn2.datasourceId;
+  var datasourceId = datasourceIdFromUrl !== null && datasourceIdFromUrl !== void 0 ? datasourceIdFromUrl : datasourceIdFromAdf;
   var editVariant = (0, _react.useMemo)(function () {
     var _cardContext$store2, _urlState$error2;
     if (!datasourceId || !(0, _utils.isDatasourceConfigEditable)(datasourceId)) {
@@ -254,6 +256,7 @@ var EditToolbarButton = exports.EditToolbarButton = function EditToolbarButton(p
     if ((0, _platformFeatureFlags.fg)('enable_datasource_nourl_edit_dropdown_datafetch')) {
       if (props.url) {
         return (0, _react2.jsx)(EditToolbarButtonWithUrl, {
+          datasourceId: datasourceId,
           url: props.url,
           intl: intl,
           editorAnalyticsApi: editorAnalyticsApi,

package/dist/es2019/pm-plugins/util/resolve.js

@@ -1,6 +1,30 @@
-import { canRenderDatasource } from '@atlaskit/editor-common/utils';
+import { canRenderDatasource, hasDocAsParent } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { setProvider } from '../actions';
 import { handleFallbackWithAnalytics, replaceQueuedUrlWithCard } from '../doc';
+const isFreshlyPastedOnNewLine = view => {
+  const {
+    selection
+  } = view.state;
+  const {
+    $cursor,
+    $anchor
+  } = selection;
+  if (!$cursor) {
+    return false;
+  }
+  if (!hasDocAsParent($anchor)) {
+    return false;
+  }
+  const node = $cursor.node();
+  if (!node) {
+    return false;
+  }
+  if (node.type.name !== 'paragraph') {
+    return false;
+  }
+  return node.childCount === 1; // The pasted blue link itself
+};
 
 // ============================================================================ //
 // ============================== PROVIDER UTILS ============================== //
@@ -8,13 +32,15 @@ import { handleFallbackWithAnalytics, replaceQueuedUrlWithCard } from '../doc';
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
 export const resolveWithProvider = (view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) => {
+  const isEmbedFriendlyLocation = fg('hardcoded-embeds-only-on-new-line') ? isFreshlyPastedOnNewLine(view) : true;
+
   // When user manually changes appearance from blue link to smart link, we should respect that,
   let shouldForceAppearance =
   // This flag is set to true only in one place atm:
   // packages/editor/editor-core/src/plugins/card/pm-plugins/doc.ts @ convertHyperlinkToSmartCard
   // Which is used when user switching from URL to smart link appearance.
   !!request.shouldReplaceLink;
-  const handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
+  const handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance, isEmbedFriendlyLocation).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
   return handleResolve;
 };
 const updateCardType = (resolvedCard, options) => {

package/dist/es2019/toolbar.js

@@ -176,7 +176,7 @@ const getToolbarViewedItem = (url, display) => {
   }];
 };
 const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkPicker, linkPicker, pluginInjectionApi) => node => {
-  var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _node$attrs, _node$attrs$datasourc;
+  var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _node$attrs, _node$attrs$datasourc, _node$attrs2, _node$attrs2$datasour;
   const {
     url
   } = titleUrlPairFromNode(node);
@@ -200,8 +200,9 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
     hoverDecoration
   } = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {};
   const isDatasource = isDatasourceNode(node);
+  const datasourceId = node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : (_node$attrs$datasourc = _node$attrs.datasource) === null || _node$attrs$datasourc === void 0 ? void 0 : _node$attrs$datasourc.id;
   const pluginState = pluginKey.getState(state);
-  const shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && canRenderDatasource(node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : (_node$attrs$datasourc = _node$attrs.datasource) === null || _node$attrs$datasourc === void 0 ? void 0 : _node$attrs$datasourc.id);
+  const shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && 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);
   if (pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar) {
     return [buildEditLinkToolbar({
       providerFactory,
@@ -330,6 +331,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
         type: 'custom',
         fallback: [],
         render: editorView => /*#__PURE__*/React.createElement(EditDatasourceButton, {
+          datasourceId: datasourceId,
           intl: intl,
           editorAnalyticsApi: editorAnalyticsApi,
           url: url,
@@ -379,7 +381,7 @@ export const getSettingsButtonGroup = (intl, editorAnalyticsApi, userPreferences
   }];
 };
 const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance) => {
-  var _node$attrs2;
+  var _node$attrs3;
   const toolbarItems = [];
   if (isDatasourceConfigEditable(datasourceId) && !fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
     toolbarItems.push({
@@ -464,7 +466,7 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
       })
     });
   }
-  if (node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.url) {
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
     toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',

package/dist/es2019/ui/EditDatasourceButton.js

@@ -23,6 +23,7 @@ const buttonStyles = css({
 // if they can resolve into a datasource.
 const EditDatasourceButtonWithCardContext = ({
   cardContext,
+  datasourceId: datasourceIdFromAdf,
   intl,
   editorAnalyticsApi,
   url,
@@ -30,13 +31,14 @@ const EditDatasourceButtonWithCardContext = ({
   currentAppearance
 }) => {
   const {
-    datasourceId,
+    datasourceId: datasourceIdFromUrl,
     extensionKey
   } = useFetchDatasourceInfo({
     isRegularCardNode: true,
     url,
     cardContext
   });
+  const datasourceId = datasourceIdFromUrl !== null && datasourceIdFromUrl !== void 0 ? datasourceIdFromUrl : datasourceIdFromAdf;
   const onEditDatasource = useCallback(() => {
     if (editorView && datasourceId) {
       editDatasource(datasourceId, editorAnalyticsApi, currentAppearance, extensionKey)(editorView.state, editorView.dispatch);
@@ -63,6 +65,7 @@ const EditDatasourceButtonWithCardContext = ({
   }), jsx(Separator, null));
 };
 export const EditDatasourceButton = ({
+  datasourceId,
   intl,
   editorAnalyticsApi,
   url,
@@ -72,6 +75,7 @@ export const EditDatasourceButton = ({
   return jsx(CardContextProvider, null, ({
     cardContext
   }) => jsx(EditDatasourceButtonWithCardContext, {
+    datasourceId: datasourceId,
     url: url,
     intl: intl,
     editorAnalyticsApi: editorAnalyticsApi,

package/dist/es2019/ui/EditToolbarButton/index.js

@@ -145,6 +145,7 @@ const EditToolbarButtonWithUrl = props => {
   const {
     cardContext,
     currentAppearance,
+    datasourceId: datasourceIdFromAdf,
     editorAnalyticsApi,
     editorView,
     intl,
@@ -153,12 +154,13 @@ const EditToolbarButtonWithUrl = props => {
   } = props;
   const {
     extensionKey,
-    datasourceId
+    datasourceId: datasourceIdFromUrl
   } = useFetchDatasourceInfo({
     isRegularCardNode: true,
     url,
     cardContext
   });
+  const datasourceId = datasourceIdFromUrl !== null && datasourceIdFromUrl !== void 0 ? datasourceIdFromUrl : datasourceIdFromAdf;
   const editVariant = useMemo(() => {
     var _cardContext$store2, _urlState$error2;
     if (!datasourceId || !isDatasourceConfigEditable(datasourceId)) {
@@ -246,6 +248,7 @@ export const EditToolbarButton = props => {
     if (fg('enable_datasource_nourl_edit_dropdown_datafetch')) {
       if (props.url) {
         return jsx(EditToolbarButtonWithUrl, {
+          datasourceId: datasourceId,
           url: props.url,
           intl: intl,
           editorAnalyticsApi: editorAnalyticsApi,

package/dist/esm/pm-plugins/util/resolve.js

@@ -1,6 +1,27 @@
-import { canRenderDatasource } from '@atlaskit/editor-common/utils';
+import { canRenderDatasource, hasDocAsParent } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { setProvider } from '../actions';
 import { handleFallbackWithAnalytics, replaceQueuedUrlWithCard } from '../doc';
+var isFreshlyPastedOnNewLine = function isFreshlyPastedOnNewLine(view) {
+  var selection = view.state.selection;
+  var _ref = selection,
+    $cursor = _ref.$cursor,
+    $anchor = _ref.$anchor;
+  if (!$cursor) {
+    return false;
+  }
+  if (!hasDocAsParent($anchor)) {
+    return false;
+  }
+  var node = $cursor.node();
+  if (!node) {
+    return false;
+  }
+  if (node.type.name !== 'paragraph') {
+    return false;
+  }
+  return node.childCount === 1; // The pasted blue link itself
+};
 
 // ============================================================================ //
 // ============================== PROVIDER UTILS ============================== //
@@ -8,13 +29,15 @@ import { handleFallbackWithAnalytics, replaceQueuedUrlWithCard } from '../doc';
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
 export var resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) {
+  var isEmbedFriendlyLocation = fg('hardcoded-embeds-only-on-new-line') ? isFreshlyPastedOnNewLine(view) : true;
+
   // When user manually changes appearance from blue link to smart link, we should respect that,
   var shouldForceAppearance =
   // This flag is set to true only in one place atm:
   // packages/editor/editor-core/src/plugins/card/pm-plugins/doc.ts @ convertHyperlinkToSmartCard
   // Which is used when user switching from URL to smart link appearance.
   !!request.shouldReplaceLink;
-  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
+  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance, isEmbedFriendlyLocation).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
   return handleResolve;
 };
 var updateCardType = function updateCardType(resolvedCard, options) {

package/dist/esm/toolbar.js

@@ -178,7 +178,7 @@ var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
 };
 var generateToolbarItems = function generateToolbarItems(state, intl, providerFactory, cardOptions, lpLinkPicker, linkPicker, pluginInjectionApi) {
   return function (node) {
-    var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _node$attrs;
+    var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _node$attrs, _node$attrs2;
     var _titleUrlPairFromNode2 = titleUrlPairFromNode(node),
       url = _titleUrlPairFromNode2.url;
     var _ref = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
@@ -198,8 +198,9 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     var _ref2 = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
       hoverDecoration = _ref2.hoverDecoration;
     var isDatasource = isDatasourceNode(node);
+    var datasourceId = node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.datasource) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
     var pluginState = pluginKey.getState(state);
-    var shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && canRenderDatasource(node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.datasource) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id);
+    var shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && canRenderDatasource(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id);
     if (pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar) {
       return [buildEditLinkToolbar({
         providerFactory: providerFactory,
@@ -331,6 +332,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
           fallback: [],
           render: function render(editorView) {
             return /*#__PURE__*/React.createElement(EditDatasourceButton, {
+              datasourceId: datasourceId,
               intl: intl,
               editorAnalyticsApi: editorAnalyticsApi,
               url: url,
@@ -382,7 +384,7 @@ export var getSettingsButtonGroup = function getSettingsButtonGroup(intl, editor
   }];
 };
 var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance) {
-  var _node$attrs2;
+  var _node$attrs3;
   var toolbarItems = [];
   if (isDatasourceConfigEditable(datasourceId) && !fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
     toolbarItems.push({
@@ -467,7 +469,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       }
     });
   }
-  if (node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.url) {
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
     toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',

package/dist/esm/ui/EditDatasourceButton.js

@@ -23,6 +23,7 @@ var buttonStyles = css({
 // if they can resolve into a datasource.
 var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardContext(_ref) {
   var cardContext = _ref.cardContext,
+    datasourceIdFromAdf = _ref.datasourceId,
     intl = _ref.intl,
     editorAnalyticsApi = _ref.editorAnalyticsApi,
     url = _ref.url,
@@ -33,8 +34,9 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
       url: url,
       cardContext: cardContext
     }),
-    datasourceId = _useFetchDatasourceIn.datasourceId,
+    datasourceIdFromUrl = _useFetchDatasourceIn.datasourceId,
     extensionKey = _useFetchDatasourceIn.extensionKey;
+  var datasourceId = datasourceIdFromUrl !== null && datasourceIdFromUrl !== void 0 ? datasourceIdFromUrl : datasourceIdFromAdf;
   var onEditDatasource = useCallback(function () {
     if (editorView && datasourceId) {
       editDatasource(datasourceId, editorAnalyticsApi, currentAppearance, extensionKey)(editorView.state, editorView.dispatch);
@@ -61,7 +63,8 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
   }), jsx(Separator, null));
 };
 export var EditDatasourceButton = function EditDatasourceButton(_ref2) {
-  var intl = _ref2.intl,
+  var datasourceId = _ref2.datasourceId,
+    intl = _ref2.intl,
     editorAnalyticsApi = _ref2.editorAnalyticsApi,
     url = _ref2.url,
     editorView = _ref2.editorView,
@@ -69,6 +72,7 @@ export var EditDatasourceButton = function EditDatasourceButton(_ref2) {
   return jsx(CardContextProvider, null, function (_ref3) {
     var cardContext = _ref3.cardContext;
     return jsx(EditDatasourceButtonWithCardContext, {
+      datasourceId: datasourceId,
       url: url,
       intl: intl,
       editorAnalyticsApi: editorAnalyticsApi,

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

@@ -153,6 +153,7 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
 var EditToolbarButtonWithUrl = function EditToolbarButtonWithUrl(props) {
   var cardContext = props.cardContext,
     currentAppearance = props.currentAppearance,
+    datasourceIdFromAdf = props.datasourceId,
     editorAnalyticsApi = props.editorAnalyticsApi,
     editorView = props.editorView,
     intl = props.intl,
@@ -164,7 +165,8 @@ var EditToolbarButtonWithUrl = function EditToolbarButtonWithUrl(props) {
       cardContext: cardContext
     }),
     extensionKey = _useFetchDatasourceIn2.extensionKey,
-    datasourceId = _useFetchDatasourceIn2.datasourceId;
+    datasourceIdFromUrl = _useFetchDatasourceIn2.datasourceId;
+  var datasourceId = datasourceIdFromUrl !== null && datasourceIdFromUrl !== void 0 ? datasourceIdFromUrl : datasourceIdFromAdf;
   var editVariant = useMemo(function () {
     var _cardContext$store2, _urlState$error2;
     if (!datasourceId || !isDatasourceConfigEditable(datasourceId)) {
@@ -248,6 +250,7 @@ export var EditToolbarButton = function EditToolbarButton(props) {
     if (fg('enable_datasource_nourl_edit_dropdown_datafetch')) {
       if (props.url) {
         return jsx(EditToolbarButtonWithUrl, {
+          datasourceId: datasourceId,
           url: props.url,
           intl: intl,
           editorAnalyticsApi: editorAnalyticsApi,

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

@@ -6,6 +6,7 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
 import { type CardType } from '../types';
 export interface EditDatasourceButtonProps {
+    datasourceId?: string;
     intl: IntlShape;
     editorAnalyticsApi?: EditorAnalyticsAPI;
     url?: string;
@@ -13,5 +14,5 @@ export interface EditDatasourceButtonProps {
     cardContext?: CardContext;
     currentAppearance?: CardType;
 }
-export declare const EditDatasourceButton: ({ intl, editorAnalyticsApi, url, editorView, currentAppearance, }: EditDatasourceButtonProps) => jsx.JSX.Element;
+export declare const EditDatasourceButton: ({ datasourceId, intl, editorAnalyticsApi, url, editorView, currentAppearance, }: EditDatasourceButtonProps) => jsx.JSX.Element;
 export declare const editDatasource: (datasourceId: string, editorAnalyticsApi?: EditorAnalyticsAPI, appearance?: CardType, extensionKey?: string) => Command;

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

@@ -15,6 +15,7 @@ export interface EditDatasourceToolbarButtonWithCommonProps {
 }
 export interface EditDatasourceToolbarButtonWithUrlProps extends EditDatasourceToolbarButtonWithCommonProps {
     cardContext?: CardContext;
+    datasourceId?: string;
     url: string;
 }
 export interface EditDatasourceToolbarButtonWithDatasourceIdProps extends EditDatasourceToolbarButtonWithCommonProps {

package/dist/types-ts4.5/ui/EditDatasourceButton.d.ts

@@ -6,6 +6,7 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
 import { type CardType } from '../types';
 export interface EditDatasourceButtonProps {
+    datasourceId?: string;
     intl: IntlShape;
     editorAnalyticsApi?: EditorAnalyticsAPI;
     url?: string;
@@ -13,5 +14,5 @@ export interface EditDatasourceButtonProps {
     cardContext?: CardContext;
     currentAppearance?: CardType;
 }
-export declare const EditDatasourceButton: ({ intl, editorAnalyticsApi, url, editorView, currentAppearance, }: EditDatasourceButtonProps) => jsx.JSX.Element;
+export declare const EditDatasourceButton: ({ datasourceId, intl, editorAnalyticsApi, url, editorView, currentAppearance, }: EditDatasourceButtonProps) => jsx.JSX.Element;
 export declare const editDatasource: (datasourceId: string, editorAnalyticsApi?: EditorAnalyticsAPI, appearance?: CardType, extensionKey?: string) => Command;

package/dist/types-ts4.5/ui/EditToolbarButton/types.d.ts

@@ -15,6 +15,7 @@ export interface EditDatasourceToolbarButtonWithCommonProps {
 }
 export interface EditDatasourceToolbarButtonWithUrlProps extends EditDatasourceToolbarButtonWithCommonProps {
     cardContext?: CardContext;
+    datasourceId?: string;
     url: string;
 }
 export interface EditDatasourceToolbarButtonWithDatasourceIdProps extends EditDatasourceToolbarButtonWithCommonProps {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "3.0.1",
+	"version": "3.0.3",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,21 +34,21 @@
 		"@atlaskit/adf-schema": "^40.9.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/custom-steps": "^0.7.0",
-		"@atlaskit/editor-common": "^89.0.0",
+		"@atlaskit/editor-common": "^89.3.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^1.12.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^1.13.0",
 		"@atlaskit/editor-plugin-grid": "^1.2.0",
 		"@atlaskit/editor-plugin-width": "^1.3.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
-		"@atlaskit/icon": "^22.16.0",
+		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/link-analytics": "^8.5.0",
-		"@atlaskit/link-client-extension": "^2.3.0",
+		"@atlaskit/link-client-extension": "^2.4.0",
 		"@atlaskit/link-datasource": "^3.0.0",
 		"@atlaskit/linking-common": "^5.11.0",
 		"@atlaskit/linking-types": "^9.0.0",
@@ -58,7 +58,7 @@
 		"@atlaskit/smart-card": "^28.1.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tmp-editor-statsig": "^2.1.8",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tokens": "^1.60.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -66,7 +66,7 @@
 		"raf-schd": "^4.0.3"
 	},
 	"peerDependencies": {
-		"@atlaskit/link-provider": "^1.14.0",
+		"@atlaskit/link-provider": "^1.16.0",
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -134,6 +134,9 @@
 		},
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
+		},
+		"hardcoded-embeds-only-on-new-line": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {