@atlaskit/editor-plugin-card 7.4.2 → 7.4.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-card
 
+## 7.4.4
+
+### Patch Changes
+
+- [`20d3223b57972`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/20d3223b57972) -
+  Opted out of debounced portal provider
+- [`0412437292a6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0412437292a6d) -
+  Switches linking changes for Preview Panel from FG to an experiment.
+- Updated dependencies
+
+## 7.4.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.4.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/embedCard.js

@@ -537,6 +537,8 @@ var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed
     };
-    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, undefined,
+    // @portal-render-immediately
+    true).init();
   };
 };

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("../pm-plugins/actions");
 var _pluginKey = require("../pm-plugins/plugin-key");
@@ -96,7 +96,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
     selection = _useSharedState.selection;
   var floatingToolbarNode = selection instanceof _state.NodeSelection && selection.node;
   // This is a prop to show Hover card, Hover card should be shown only in Live View and Classic Renderer (note when only Editor controls enabled we don't show in Live view)
-  var showHoverPreview = floatingToolbarNode !== node && (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking');
+  var showHoverPreview = floatingToolbarNode !== node && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
   var innerCardWithOpenButtonOverlay = (0, _react.useMemo)(function () {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/_react.default.createElement(_ui.HoverLinkOverlay, {
@@ -137,10 +137,10 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
   }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, pluginInjectionApi]);
   var shouldShowOpenButtonOverlay = (0, _react.useMemo)(function () {
     var shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') || (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking'));
+    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') || (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
   }, [mode, editorAppearance]);
   var innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking')) {
+  if (mode === 'view' && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
     var _cardContext$value;
     var url = node.attrs.url;
     var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 || (_cardContext$value = _cardContext$value.store) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.getState()[url];

package/dist/cjs/nodeviews/toDOM-fixes/blockCard.js

@@ -8,12 +8,14 @@ exports.blockCardSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // @nodeSpecException:toDOM patch
 var blockCardSpecWithFixedToDOM = exports.blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, _adfSchema.blockCard), {}, {
+  var blockCardNode = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.blockCardWithLocalId : _adfSchema.blockCard;
+  return _objectSpread(_objectSpread({}, blockCardNode), {}, {
     toDOM: function toDOM(node) {
       var _node$attrs;
       var _ref = node.attrs,
@@ -24,7 +26,7 @@ var blockCardSpecWithFixedToDOM = exports.blockCardSpecWithFixedToDOM = function
         layout = _ref3.layout,
         width = _ref3.width,
         datasource = _ref3.datasource;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-block-card': '',
         'data-card-url': url || '',
         'data-card-data': data ? JSON.stringify(data) : '',
@@ -32,7 +34,9 @@ var blockCardSpecWithFixedToDOM = exports.blockCardSpecWithFixedToDOM = function
         'data-layout': layout,
         'data-width': "".concat(width),
         class: 'blockCardView-content-wrap'
-      };
+      }, (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       return ['div', attrs, ['a', {
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
         // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`

package/dist/cjs/nodeviews/toDOM-fixes/embedCard.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
@@ -61,7 +62,8 @@ var LINE_LENGTH = 760;
 
 // @nodeSpecException:toDOM patch
 var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, _adfSchema.embedCard), {}, {
+  var embedCardNode = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.embedCardWithLocalId : _adfSchema.embedCard;
+  return _objectSpread(_objectSpread({}, embedCardNode), {}, {
     toDOM: function toDOM(node) {
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
@@ -70,7 +72,7 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
         originalWidth = _node$attrs.originalWidth,
         originalHeight = _node$attrs.originalHeight;
       var aspectRatio = originalWidth && originalHeight ? originalWidth / originalHeight : _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH / _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-embed-card': '',
         'data-card-url': url,
         'data-layout': layout,
@@ -86,7 +88,9 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
           marginLeft: layout === 'align-start' ? '0' : '',
           float: float(layout)
         })
-      };
+      }, (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       return ['div', attrs,
       // This is the only modification to the embed card `toDOM`
       // This is to match the behaviour of Card which lazy loads

package/dist/cjs/nodeviews/toDOM-fixes/inlineCard.js

@@ -8,12 +8,14 @@ exports.inlineCardSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // @nodeSpecException:toDOM patch
 var inlineCardSpecWithFixedToDOM = exports.inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, _adfSchema.inlineCard), {}, {
+  var inlineCardNode = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.inlineCardWithLocalId : _adfSchema.inlineCard;
+  return _objectSpread(_objectSpread({}, inlineCardNode), {}, {
     toDOM: function toDOM(node) {
       var wrapperAttrs = {
         class: 'inlineCardView-content-wrap inlineNodeView'
@@ -22,7 +24,7 @@ var inlineCardSpecWithFixedToDOM = exports.inlineCardSpecWithFixedToDOM = functi
         'aria-busy': 'true',
         class: 'card'
       };
-      var attrs = {
+      var attrs = _objectSpread({
         'data-inline-card': '',
         href: node.attrs.url || '',
         'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
@@ -45,7 +47,9 @@ var inlineCardSpecWithFixedToDOM = exports.inlineCardSpecWithFixedToDOM = functi
           msUserSelect: 'text',
           MozUserSelect: 'none' // -moz-user-select
         })
-      };
+      }, (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       if (node.attrs.url) {
         return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs, node.attrs.url]]];
       } else {

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

@@ -9,7 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _utils = require("../../pm-plugins/utils");
 var _useLinkUpgradeDiscoverability = _interopRequireDefault(require("../hooks/useLinkUpgradeDiscoverability"));
@@ -86,7 +86,7 @@ var AwarenessWrapper = exports.AwarenessWrapper = function AwarenessWrapper(_ref
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   var cardWithOverlay = (0, _react.useMemo)(function () {
-    if (shouldShowLinkOverlay && !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && !(0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking')) {
+    if (shouldShowLinkOverlay && !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && !(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
       return (0, _react2.jsx)(_InlineCardOverlay.default, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),

package/dist/cjs/ui/toolbar.js

@@ -331,7 +331,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'link-toolbar-edit-link-button',
         onClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true)
       }];
-      var openPreviewPanelItems = (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking') ? [{
+      var openPreviewPanelItems = (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? [{
         type: 'custom',
         fallback: [],
         render: function render() {

package/dist/es2019/nodeviews/embedCard.js

@@ -510,5 +510,7 @@ export const embedCardNodeView = ({
     CompetitorPrompt,
     isPageSSRed
   };
-  return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+  return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, undefined,
+  // @portal-render-immediately
+  true).init();
 };

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -2,8 +2,8 @@ import React, { memo, useCallback, useMemo, useState } from 'react';
 import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { HoverLinkOverlay } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getObjectAri, getObjectName, getObjectIconUrl } from '@atlaskit/smart-card';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerRemoveOverlay } from '../pm-plugins/actions';
 import { pluginKey } from '../pm-plugins/plugin-key';
@@ -76,7 +76,7 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
   } = useSharedState(pluginInjectionApi);
   const floatingToolbarNode = selection instanceof NodeSelection && selection.node;
   // This is a prop to show Hover card, Hover card should be shown only in Live View and Classic Renderer (note when only Editor controls enabled we don't show in Live view)
-  const showHoverPreview = floatingToolbarNode !== node && fg('platform_editor_preview_panel_linking');
+  const showHoverPreview = floatingToolbarNode !== node && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
   const innerCardWithOpenButtonOverlay = useMemo(() => {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -115,10 +115,10 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
   }), [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, pluginInjectionApi]);
   const shouldShowOpenButtonOverlay = useMemo(() => {
     const shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || fg('platform_editor_preview_panel_linking'));
+    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
   }, [mode, editorAppearance]);
   let innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && fg('platform_editor_preview_panel_linking')) {
+  if (mode === 'view' && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
     var _cardContext$value, _cardContext$value$st;
     const url = node.attrs.url;
     const cardState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : (_cardContext$value$st = _cardContext$value.store) === null || _cardContext$value$st === void 0 ? void 0 : _cardContext$value$st.getState()[url];

package/dist/es2019/nodeviews/toDOM-fixes/blockCard.js

@@ -1,10 +1,12 @@
-import { blockCard } from '@atlaskit/adf-schema';
+import { blockCard, blockCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export const blockCardSpecWithFixedToDOM = () => {
+  const blockCardNode = fg('platform_editor_adf_with_localid') ? blockCardWithLocalId : blockCard;
   return {
-    ...blockCard,
+    ...blockCardNode,
     toDOM: node => {
       var _node$attrs;
       const {
@@ -25,7 +27,10 @@ export const blockCardSpecWithFixedToDOM = () => {
         'data-datasource': datasource ? JSON.stringify(datasource) : '',
         'data-layout': layout,
         'data-width': `${width}`,
-        class: 'blockCardView-content-wrap'
+        class: 'blockCardView-content-wrap',
+        ...(fg('platform_editor_adf_with_localid') ? {
+          'data-local-id': node.attrs.localId
+        } : {})
       };
       return ['div', attrs, ['a', {
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`

package/dist/es2019/nodeviews/toDOM-fixes/embedCard.js

@@ -8,9 +8,10 @@
  * In the long term likely `toDOM` will move back out of `adf-schema` in which
  * case we can consolidate them.
  */
-import { embedCard } from '@atlaskit/adf-schema';
+import { embedCard, embedCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // From `packages/editor/editor-common/src/ui/MediaSingle/styled.tsx`
 function calcMargin(layout) {
@@ -52,8 +53,9 @@ const LINE_LENGTH = 760;
 
 // @nodeSpecException:toDOM patch
 export const embedCardSpecWithFixedToDOM = () => {
+  const embedCardNode = fg('platform_editor_adf_with_localid') ? embedCardWithLocalId : embedCard;
   return {
-    ...embedCard,
+    ...embedCardNode,
     toDOM: node => {
       const {
         url,
@@ -78,7 +80,10 @@ export const embedCardSpecWithFixedToDOM = () => {
           marginRight: layout === 'align-end' ? '0' : '',
           marginLeft: layout === 'align-start' ? '0' : '',
           float: float(layout)
-        })
+        }),
+        ...(fg('platform_editor_adf_with_localid') ? {
+          'data-local-id': node.attrs.localId
+        } : {})
       };
       return ['div', attrs,
       // This is the only modification to the embed card `toDOM`

package/dist/es2019/nodeviews/toDOM-fixes/inlineCard.js

@@ -1,10 +1,12 @@
-import { inlineCard } from '@atlaskit/adf-schema';
+import { inlineCard, inlineCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export const inlineCardSpecWithFixedToDOM = () => {
+  const inlineCardNode = fg('platform_editor_adf_with_localid') ? inlineCardWithLocalId : inlineCard;
   return {
-    ...inlineCard,
+    ...inlineCardNode,
     toDOM: node => {
       const wrapperAttrs = {
         class: 'inlineCardView-content-wrap inlineNodeView'
@@ -35,7 +37,10 @@ export const inlineCardSpecWithFixedToDOM = () => {
           WebkitUserSelect: 'text',
           msUserSelect: 'text',
           MozUserSelect: 'none' // -moz-user-select
-        })
+        }),
+        ...(fg('platform_editor_adf_with_localid') ? {
+          'data-local-id': node.attrs.localId
+        } : {})
       };
       if (node.attrs.url) {
         return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs, node.attrs.url]]];

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

@@ -7,7 +7,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';
 import useLinkUpgradeDiscoverability from '../hooks/useLinkUpgradeDiscoverability';
@@ -76,7 +76,7 @@ export const AwarenessWrapper = ({
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   const cardWithOverlay = useMemo(() => {
-    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !fg('platform_editor_preview_panel_linking')) {
+    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),

package/dist/es2019/ui/toolbar.js

@@ -321,7 +321,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       testId: 'link-toolbar-edit-link-button',
       onClick: getEditLinkCallback(editorAnalyticsApi, true)
     }];
-    const openPreviewPanelItems = fg('platform_editor_preview_panel_linking') ? [{
+    const openPreviewPanelItems = expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? [{
       type: 'custom',
       fallback: [],
       render: () => /*#__PURE__*/React.createElement(OpenPreviewPanelToolbarButton, {

package/dist/esm/nodeviews/embedCard.js

@@ -530,6 +530,8 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed
     };
-    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, undefined,
+    // @portal-render-immediately
+    true).init();
   };
 };

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -3,8 +3,8 @@ import React, { memo, useCallback, useMemo, useState } from 'react';
 import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { HoverLinkOverlay } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getObjectAri, getObjectName, getObjectIconUrl } from '@atlaskit/smart-card';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerRemoveOverlay } from '../pm-plugins/actions';
 import { pluginKey } from '../pm-plugins/plugin-key';
@@ -87,7 +87,7 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
     selection = _useSharedState.selection;
   var floatingToolbarNode = selection instanceof NodeSelection && selection.node;
   // This is a prop to show Hover card, Hover card should be shown only in Live View and Classic Renderer (note when only Editor controls enabled we don't show in Live view)
-  var showHoverPreview = floatingToolbarNode !== node && fg('platform_editor_preview_panel_linking');
+  var showHoverPreview = floatingToolbarNode !== node && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
   var innerCardWithOpenButtonOverlay = useMemo(function () {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -128,10 +128,10 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
   }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, pluginInjectionApi]);
   var shouldShowOpenButtonOverlay = useMemo(function () {
     var shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || fg('platform_editor_preview_panel_linking'));
+    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
   }, [mode, editorAppearance]);
   var innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && fg('platform_editor_preview_panel_linking')) {
+  if (mode === 'view' && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
     var _cardContext$value;
     var url = node.attrs.url;
     var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 || (_cardContext$value = _cardContext$value.store) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.getState()[url];

package/dist/esm/nodeviews/toDOM-fixes/blockCard.js

@@ -1,12 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { blockCard } from '@atlaskit/adf-schema';
+import { blockCard, blockCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, blockCard), {}, {
+  var blockCardNode = fg('platform_editor_adf_with_localid') ? blockCardWithLocalId : blockCard;
+  return _objectSpread(_objectSpread({}, blockCardNode), {}, {
     toDOM: function toDOM(node) {
       var _node$attrs;
       var _ref = node.attrs,
@@ -17,7 +19,7 @@ export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM()
         layout = _ref3.layout,
         width = _ref3.width,
         datasource = _ref3.datasource;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-block-card': '',
         'data-card-url': url || '',
         'data-card-data': data ? JSON.stringify(data) : '',
@@ -25,7 +27,9 @@ export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM()
         'data-layout': layout,
         'data-width': "".concat(width),
         class: 'blockCardView-content-wrap'
-      };
+      }, fg('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       return ['div', attrs, ['a', {
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
         // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`

package/dist/esm/nodeviews/toDOM-fixes/embedCard.js

@@ -11,9 +11,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * In the long term likely `toDOM` will move back out of `adf-schema` in which
  * case we can consolidate them.
  */
-import { embedCard } from '@atlaskit/adf-schema';
+import { embedCard, embedCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // From `packages/editor/editor-common/src/ui/MediaSingle/styled.tsx`
 function calcMargin(layout) {
@@ -55,7 +56,8 @@ var LINE_LENGTH = 760;
 
 // @nodeSpecException:toDOM patch
 export var embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, embedCard), {}, {
+  var embedCardNode = fg('platform_editor_adf_with_localid') ? embedCardWithLocalId : embedCard;
+  return _objectSpread(_objectSpread({}, embedCardNode), {}, {
     toDOM: function toDOM(node) {
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
@@ -64,7 +66,7 @@ export var embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM()
         originalWidth = _node$attrs.originalWidth,
         originalHeight = _node$attrs.originalHeight;
       var aspectRatio = originalWidth && originalHeight ? originalWidth / originalHeight : DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-embed-card': '',
         'data-card-url': url,
         'data-layout': layout,
@@ -80,7 +82,9 @@ export var embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM()
           marginLeft: layout === 'align-start' ? '0' : '',
           float: float(layout)
         })
-      };
+      }, fg('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       return ['div', attrs,
       // This is the only modification to the embed card `toDOM`
       // This is to match the behaviour of Card which lazy loads

package/dist/esm/nodeviews/toDOM-fixes/inlineCard.js

@@ -1,12 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { inlineCard } from '@atlaskit/adf-schema';
+import { inlineCard, inlineCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export var inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM() {
-  return _objectSpread(_objectSpread({}, inlineCard), {}, {
+  var inlineCardNode = fg('platform_editor_adf_with_localid') ? inlineCardWithLocalId : inlineCard;
+  return _objectSpread(_objectSpread({}, inlineCardNode), {}, {
     toDOM: function toDOM(node) {
       var wrapperAttrs = {
         class: 'inlineCardView-content-wrap inlineNodeView'
@@ -15,7 +17,7 @@ export var inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM(
         'aria-busy': 'true',
         class: 'card'
       };
-      var attrs = {
+      var attrs = _objectSpread({
         'data-inline-card': '',
         href: node.attrs.url || '',
         'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
@@ -38,7 +40,9 @@ export var inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM(
           msUserSelect: 'text',
           MozUserSelect: 'none' // -moz-user-select
         })
-      };
+      }, fg('platform_editor_adf_with_localid') ? {
+        'data-local-id': node.attrs.localId
+      } : {});
       if (node.attrs.url) {
         return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs, node.attrs.url]]];
       } else {

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

@@ -8,7 +8,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';
 import useLinkUpgradeDiscoverability from '../hooks/useLinkUpgradeDiscoverability';
@@ -78,7 +78,7 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   var cardWithOverlay = useMemo(function () {
-    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !fg('platform_editor_preview_panel_linking')) {
+    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),

package/dist/esm/ui/toolbar.js

@@ -322,7 +322,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'link-toolbar-edit-link-button',
         onClick: getEditLinkCallback(editorAnalyticsApi, true)
       }];
-      var openPreviewPanelItems = fg('platform_editor_preview_panel_linking') ? [{
+      var openPreviewPanelItems = expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? [{
         type: 'custom',
         fallback: [],
         render: function render() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "7.4.2",
+	"version": "7.4.4",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/link-analytics": "^10.0.0",
 		"@atlaskit/link-client-extension": "^5.0.0",
 		"@atlaskit/link-datasource": "^4.19.0",
-		"@atlaskit/linking-common": "^9.2.0",
+		"@atlaskit/linking-common": "^9.4.0",
 		"@atlaskit/linking-types": "^14.0.0",
 		"@atlaskit/menu": "^8.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/smart-card": "^40.10.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^10.0.0",
+		"@atlaskit/tmp-editor-statsig": "^11.1.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -73,7 +73,7 @@
 	},
 	"peerDependencies": {
 		"@atlaskit/editor-common": "^107.25.0",
-		"@atlaskit/link-provider": "^3.4.0",
+		"@atlaskit/link-provider": "^3.6.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -126,10 +126,10 @@
 		"platform_editor_cards_maxcallstackfix": {
 			"type": "boolean"
 		},
-		"platform_editor_preview_panel_linking": {
+		"platform_editor_controls_patch_15": {
 			"type": "boolean"
 		},
-		"platform_editor_controls_patch_15": {
+		"platform_editor_adf_with_localid": {
 			"type": "boolean"
 		}
 	},