@atlaskit/editor-plugin-card 7.6.0 → 7.7.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-card
 
+## 7.7.1
+
+### Patch Changes
+
+- [`bfec478c9e91b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bfec478c9e91b) -
+  Splits platform_editor_preview_panel_linking_exp into one for Jira and one for Confluence and
+  switches to editorExperiment util.
+- Updated dependencies
+
+## 7.7.0
+
+### Minor Changes
+
+- [`f1c44645de4a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f1c44645de4a1) -
+  [https://product-fabric.atlassian.net/browse/ED-29133](ED-29133) - editor smart cards hydration
+  was improved
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.6.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -90,6 +90,9 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
       }
     });
     _this.scrollContainer = (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
+    _this.state = {
+      isSSRDataAvailable: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
+    };
     return _this;
   }
   (0, _inherits2.default)(BlockCardComponent, _React$PureComponent);

package/dist/cjs/nodeviews/embedCard.js

@@ -141,10 +141,6 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     (0, _defineProperty2.default)(_this, "embedIframeRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)(_this, "state", {
-      hasPreview: true,
-      isSSRDataAvailable: false
-    });
     (0, _defineProperty2.default)(_this, "getPosSafely", function () {
       var getPos = _this.props.getPos;
       if (!getPos || typeof getPos === 'boolean') {
@@ -282,6 +278,10 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
     });
     (0, _defineProperty2.default)(_this, "removeCardDispatched", false);
     _this.scrollContainer = (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
+    _this.state = {
+      hasPreview: true,
+      isSSRDataAvailable: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
+    };
     return _this;
   }
   (0, _inherits2.default)(EmbedCardComponent, _React$PureComponent);

package/dist/cjs/nodeviews/inlineCard.js

@@ -60,7 +60,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
       view.dispatch(tr);
     };
   }, [getPos, view]);
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)((0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isSSRDataAvailable = _useState2[0],
     setIsSSRDataAvailable = _useState2[1];

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -12,7 +12,6 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
 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");
@@ -97,7 +96,9 @@ 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, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
+  var showHoverPreview = floatingToolbarNode !== node && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
+    exposure: true
+  });
   var innerCardWithOpenButtonOverlay = (0, _react.useMemo)(function () {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/_react.default.createElement(_ui.HoverLinkOverlay, {
@@ -141,10 +142,14 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
   }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, provider, 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, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
+    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
+      exposure: true
+    }));
   }, [mode, editorAppearance]);
   var innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
+  if (mode === 'view' && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
+    exposure: 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/ui/AwarenessWrapper/index.js

@@ -9,7 +9,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-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 +85,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, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
+    if (shouldShowLinkOverlay && !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && !(0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) {
       return (0, _react2.jsx)(_InlineCardOverlay.default, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),

package/dist/cjs/ui/toolbar.js

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

package/dist/es2019/nodeviews/blockCard.js

@@ -72,6 +72,9 @@ export class BlockCardComponent extends React.PureComponent {
       }
     });
     this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
+    this.state = {
+      isSSRDataAvailable: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
+    };
   }
   componentDidMount() {
     if (!expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {

package/dist/es2019/nodeviews/embedCard.js

@@ -122,10 +122,6 @@ export class EmbedCardComponent extends React.PureComponent {
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     _defineProperty(this, "embedIframeRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "state", {
-      hasPreview: true,
-      isSSRDataAvailable: false
-    });
     _defineProperty(this, "getPosSafely", () => {
       const {
         getPos
@@ -275,6 +271,10 @@ export class EmbedCardComponent extends React.PureComponent {
     });
     _defineProperty(this, "removeCardDispatched", false);
     this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
+    this.state = {
+      hasPreview: true,
+      isSSRDataAvailable: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
+    };
   }
   componentDidMount() {
     if (!expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {

package/dist/es2019/nodeviews/inlineCard.js

@@ -50,7 +50,7 @@ export const InlineCard = /*#__PURE__*/memo(({
       view.dispatch(tr);
     };
   }, [getPos, view]);
-  const [isSSRDataAvailable, setIsSSRDataAvailable] = useState(false);
+  const [isSSRDataAvailable, setIsSSRDataAvailable] = useState(expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed);
   useEffect(() => {
     if (!expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
       return;

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -3,7 +3,6 @@ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPl
 import { HoverLinkOverlay } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 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';
@@ -77,7 +76,9 @@ 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 && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
+  const showHoverPreview = floatingToolbarNode !== node && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
+    exposure: true
+  });
   const innerCardWithOpenButtonOverlay = useMemo(() => {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -119,10 +120,14 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
   }), [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, provider, pluginInjectionApi]);
   const shouldShowOpenButtonOverlay = useMemo(() => {
     const shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
+    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true, {
+      exposure: true
+    }));
   }, [mode, editorAppearance]);
   let innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
+  if (mode === 'view' && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
+    exposure: 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/ui/AwarenessWrapper/index.js

@@ -7,7 +7,6 @@ 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 { 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 +75,7 @@ export const AwarenessWrapper = ({
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   const cardWithOverlay = useMemo(() => {
-    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
+    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),

package/dist/es2019/ui/toolbar.js

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

package/dist/esm/nodeviews/blockCard.js

@@ -83,6 +83,9 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     _this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
+    _this.state = {
+      isSSRDataAvailable: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
+    };
     return _this;
   }
   _inherits(BlockCardComponent, _React$PureComponent);

package/dist/esm/nodeviews/embedCard.js

@@ -134,10 +134,6 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     _defineProperty(_this, "embedIframeRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "state", {
-      hasPreview: true,
-      isSSRDataAvailable: false
-    });
     _defineProperty(_this, "getPosSafely", function () {
       var getPos = _this.props.getPos;
       if (!getPos || typeof getPos === 'boolean') {
@@ -275,6 +271,10 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_this, "removeCardDispatched", false);
     _this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
+    _this.state = {
+      hasPreview: true,
+      isSSRDataAvailable: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
+    };
     return _this;
   }
   _inherits(EmbedCardComponent, _React$PureComponent);

package/dist/esm/nodeviews/inlineCard.js

@@ -49,7 +49,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
       view.dispatch(tr);
     };
   }, [getPos, view]);
-  var _useState = useState(false),
+  var _useState = useState(expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed),
     _useState2 = _slicedToArray(_useState, 2),
     isSSRDataAvailable = _useState2[0],
     setIsSSRDataAvailable = _useState2[1];

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -4,7 +4,6 @@ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPl
 import { HoverLinkOverlay } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 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';
@@ -88,7 +87,9 @@ 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 && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
+  var showHoverPreview = floatingToolbarNode !== node && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
+    exposure: true
+  });
   var innerCardWithOpenButtonOverlay = useMemo(function () {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -132,10 +133,14 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
   }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, provider, pluginInjectionApi]);
   var shouldShowOpenButtonOverlay = useMemo(function () {
     var shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
+    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true, {
+      exposure: true
+    }));
   }, [mode, editorAppearance]);
   var innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
+  if (mode === 'view' && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
+    exposure: 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/ui/AwarenessWrapper/index.js

@@ -8,7 +8,6 @@ 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 { 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 +77,7 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   var cardWithOverlay = useMemo(function () {
-    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
+    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),

package/dist/esm/ui/toolbar.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "7.6.0",
+	"version": "7.7.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -58,9 +58,9 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/primitives": "^14.12.0",
-		"@atlaskit/smart-card": "^40.14.0",
+		"@atlaskit/smart-card": "^40.15.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.9.0",
+		"@atlaskit/tmp-editor-statsig": "^11.10.0",
 		"@atlaskit/tokens": "^6.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",