@atlaskit/editor-plugin-card 5.4.11 → 5.4.13

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

@@ -7,13 +7,11 @@ 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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';
 import useLinkUpgradeDiscoverability from '../hooks/useLinkUpgradeDiscoverability';
 import InlineCardOverlay from '../InlineCardOverlay';
 import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR, markLocalStorageKeyDiscovered, ONE_DAY_IN_MILLISECONDS } from '../local-storage';
-import OpenButtonOverlay from '../OpenButtonOverlay';
 import { DiscoveryPulse } from '../Pulse';
 // editor adds a standard line-height that is bigger than an inline smart link
 // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
@@ -77,7 +75,7 @@ export const AwarenessWrapper = ({
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   const cardWithOverlay = useMemo(() => {
-    if (shouldShowLinkOverlay && !(editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_1'))) {
+    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1')) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
@@ -88,14 +86,6 @@ export const AwarenessWrapper = ({
     }
     return children;
   }, [shouldShowLinkOverlay, children, isSelected, isResolvedViewRendered, isInserted, isHovered, url, handleOverlayChange]);
-  const cardWithOpenButtonOverlay = useMemo(() => {
-    return jsx(OpenButtonOverlay, {
-      isVisible: isResolvedViewRendered && isHovered,
-      onMouseEnter: () => handleOverlayChange(true),
-      onMouseLeave: () => handleOverlayChange(false),
-      url: url
-    }, children);
-  }, [children, isHovered, url, handleOverlayChange, isResolvedViewRendered]);
   const isInline = appearance === 'inline';
   return useMemo(() => {
     var _cardContext$value;
@@ -115,7 +105,7 @@ export const AwarenessWrapper = ({
         shouldShowPulse: isResolvedViewRendered && shouldShowLinkPulse,
         testId: "link-discovery-pulse",
         isInline: isInline
-      }, editorExperiment('platform_editor_controls', 'variant1') && !fg('platform_editor_controls_patch_1') ? cardWithOpenButtonOverlay : cardWithOverlay)))
+      }, cardWithOverlay)))
     );
-  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, cardWithOverlay, cardWithOpenButtonOverlay, isInline]);
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, cardWithOverlay, isInline]);
 };

package/dist/es2019/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -5,18 +5,21 @@ import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlask
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { Flex } from '@atlaskit/primitives';
 import { LinkAppearanceMenu } from './LinkToolbarAppearanceDropdown';
-const HyperlinkDropdown = props => {
+const CustomHyperlinkDropdown = props => {
   var _props$cardOptions3;
   const [supportedUrlsMap, setSupportedUrlsMap] = useState(new Map());
+  const [isOpen, setIsOpen] = useState(false);
   const cardProvider = useRef(undefined);
+  const containerRef = useRef(undefined);
   const {
     url,
     intl,
-    editorState,
+    editorView,
     cardOptions,
     editorAnalyticsApi,
     allowDatasource,
-    isDatasourceView
+    isDatasourceView,
+    settingsConfig
   } = props;
   // Ignored via go/ees005
   // eslint-disable-next-line require-await
@@ -61,121 +64,6 @@ const HyperlinkDropdown = props => {
   if (!supportedUrlsMap.get(url)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(LinkAppearanceMenu, {
-    url: url,
-    intl: intl,
-    editorState: editorState,
-    allowEmbeds: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowEmbeds,
-    allowBlockCards: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowBlockCards,
-    allowDatasource: allowDatasource,
-    editorAnalyticsApi: editorAnalyticsApi,
-    dispatchCommand: props.dispatchCommand,
-    settingsConfig: props.settingsConfig,
-    isDatasourceView: isDatasourceView
-  });
-};
-export const getHyperlinkAppearanceDropdown = ({
-  url,
-  intl,
-  editorState,
-  editorAnalyticsApi,
-  editorPluginApi,
-  settingsConfig,
-  cardOptions,
-  allowDatasource,
-  isDatasourceView
-}) => {
-  const alignmentItemOptions = {
-    render: props => {
-      if (!editorState) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement(HyperlinkDropdown, {
-        intl: intl,
-        editorState: editorState,
-        url: url,
-        editorAnalyticsApi: editorAnalyticsApi,
-        editorPluginApi: editorPluginApi,
-        dispatchCommand: props.dispatchCommand,
-        settingsConfig: settingsConfig,
-        cardOptions: cardOptions,
-        allowDatasource: allowDatasource,
-        isDatasourceView: isDatasourceView
-      });
-    },
-    width: 200,
-    height: 400
-  };
-  const currentAppearanceDisplayInformation = appearancePropsMap['url'];
-  const alignmentToolbarItem = {
-    id: 'hyperlink-appearance',
-    testId: 'hyperlink-appearance-dropdown',
-    type: 'dropdown',
-    options: alignmentItemOptions,
-    title: intl.formatMessage(currentAppearanceDisplayInformation.title),
-    iconBefore: currentAppearanceDisplayInformation.icon
-  };
-  return alignmentToolbarItem;
-};
-const CustomHyperlinkDropdown = props => {
-  var _props$cardOptions6;
-  const [supportedUrlsMap, setSupportedUrlsMap] = useState(new Map());
-  const [isOpen, setIsOpen] = useState(false);
-  const cardProvider = useRef(undefined);
-  const containerRef = useRef(undefined);
-  const {
-    url,
-    intl,
-    editorView,
-    cardOptions,
-    editorAnalyticsApi,
-    allowDatasource,
-    isDatasourceView,
-    settingsConfig
-  } = props;
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-await
-  const getProvider = async () => {
-    var _props$cardOptions4;
-    if ((_props$cardOptions4 = props.cardOptions) !== null && _props$cardOptions4 !== void 0 && _props$cardOptions4.provider) {
-      var _props$cardOptions5;
-      return (_props$cardOptions5 = props.cardOptions) === null || _props$cardOptions5 === void 0 ? void 0 : _props$cardOptions5.provider;
-    }
-    if (cardProvider.current) {
-      return cardProvider.current;
-    }
-    return new Promise(resolve => {
-      var _props$editorPluginAp5, _props$editorPluginAp6, _props$editorPluginAp7, _props$editorPluginAp8;
-      const cardProvider = (_props$editorPluginAp5 = props.editorPluginApi) === null || _props$editorPluginAp5 === void 0 ? void 0 : (_props$editorPluginAp6 = _props$editorPluginAp5.card) === null || _props$editorPluginAp6 === void 0 ? void 0 : (_props$editorPluginAp7 = _props$editorPluginAp6.sharedState) === null || _props$editorPluginAp7 === void 0 ? void 0 : (_props$editorPluginAp8 = _props$editorPluginAp7.currentState()) === null || _props$editorPluginAp8 === void 0 ? void 0 : _props$editorPluginAp8.provider;
-      if (cardProvider) {
-        resolve(cardProvider);
-      }
-    });
-  };
-  const resolveUrl = async url => {
-    if (supportedUrlsMap.has(url)) {
-      return;
-    }
-    let isUrlSupported = false;
-    try {
-      var _await$provider$findP2;
-      const provider = await getProvider();
-      isUrlSupported = (_await$provider$findP2 = await (provider === null || provider === void 0 ? void 0 : provider.findPattern(url))) !== null && _await$provider$findP2 !== void 0 ? _await$provider$findP2 : false;
-    } catch (error) {
-      isUrlSupported = false;
-    }
-    const newMap = new Map(supportedUrlsMap);
-    newMap.set(url, isUrlSupported);
-    setSupportedUrlsMap(newMap);
-  };
-  useEffect(() => {
-    resolveUrl(url);
-    // before migrating from a class to a functional component, we were only reacting to changes in the url
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [url, (_props$cardOptions6 = props.cardOptions) === null || _props$cardOptions6 === void 0 ? void 0 : _props$cardOptions6.provider, props.editorPluginApi]);
-  if (!supportedUrlsMap.get(url)) {
-    return null;
-  }
   if (!editorView) {
     return null;
   }

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

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /**
@@ -50,6 +49,9 @@ const linkStyles = xcss({
     textDecoration: 'none'
   }
 });
+const linkStylesFix = xcss({
+  whiteSpace: 'nowrap'
+});
 const MIN_AVAILABLE_SPACE_WITH_LABEL_OVERLAY = 45;
 const ICON_WIDTH = 16;
 const DEFAULT_OPEN_TEXT_WIDTH = 28; // Default open text width in English
@@ -58,6 +60,7 @@ const OpenButtonOverlay = ({
   children,
   isVisible = false,
   url,
+  editorAppearance,
   ...props
 }) => {
   // TODO: ED-26961 - add translation
@@ -108,52 +111,29 @@ const OpenButtonOverlay = ({
   const handleOverlayChange = isHovered => {
     setHovered(isHovered);
   };
-  if (fg('platform_editor_controls_patch_1')) {
-    return (
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      jsx("span", {
-        ref: containerRef,
-        css: containerStyles,
-        onDoubleClick: handleDoubleClick,
-        onMouseEnter: () => handleOverlayChange(true),
-        onMouseLeave: () => handleOverlayChange(false)
-      }, children, fg('platform_editor_controls_patch_2') && jsx("span", {
-        css: hiddenTextStyle,
-        "aria-hidden": "true"
-      }, jsx(Text, {
-        ref: hiddenTextRef,
-        size: "small",
-        maxLines: 1
-      }, label)), isHovered && jsx(Anchor, {
-        ref: openButtonRef,
-        xcss: linkStyles,
-        href: url,
-        target: "_blank"
-      }, jsx(Box, {
-        xcss: iconWrapperStyles,
-        "data-inlinecard-button-overlay": "icon-wrapper-line-height"
-      }, jsx(LinkExternalIcon, {
-        label: ""
-      })), showLabel && jsx(Text, {
-        size: "small",
-        color: "color.text.subtle",
-        maxLines: 1
-      }, label)))
-    );
-  }
   return (
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading, jsx-a11y/no-static-element-interactions
-    jsx("span", _extends({
-      ref: containerRef
-    }, props, {
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    jsx("span", {
+      ref: containerRef,
       css: containerStyles,
-      onDoubleClick: handleDoubleClick
-    }), children, isVisible && jsx(Anchor, {
+      onDoubleClick: handleDoubleClick,
+      onMouseEnter: () => handleOverlayChange(true),
+      onMouseLeave: () => handleOverlayChange(false)
+    }, children, fg('platform_editor_controls_patch_2') && jsx("span", {
+      css: hiddenTextStyle,
+      "aria-hidden": "true"
+    }, jsx(Text, {
+      ref: hiddenTextRef,
+      size: "small",
+      maxLines: 1
+    }, label)), isHovered && jsx(Anchor, {
       ref: openButtonRef,
-      xcss: linkStyles,
+      xcss: [linkStyles, fg('platform_editor_controls_patch_5') && linkStylesFix],
       href: url,
-      target: "_blank"
+      target: "_blank",
+      style: {
+        paddingBlock: editorAppearance === 'comment' && fg('platform_editor_controls_patch_6') ? '1px' : "var(--ds-space-025, 2px)"
+      }
     }, jsx(Box, {
       xcss: iconWrapperStyles,
       "data-inlinecard-button-overlay": "icon-wrapper-line-height"

package/dist/es2019/ui/OpenButtonOverlay/types.js

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

package/dist/es2019/ui/toolbar.js

@@ -21,7 +21,6 @@ import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
 import { pluginKey } from '../pm-plugins/plugin-key';
@@ -30,7 +29,7 @@ import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
 import { buildEditLinkToolbar, editLinkToolbarConfig, getEditLinkCallback } from './EditLinkToolbar';
 import { EditToolbarButton } from './EditToolbarButton';
 import { HyperlinkToolbarAppearance } from './HyperlinkToolbarAppearance';
-import { getCustomHyperlinkAppearanceDropdown, getHyperlinkAppearanceDropdown } from './HyperlinkToolbarAppearanceDropdown';
+import { getCustomHyperlinkAppearanceDropdown } from './HyperlinkToolbarAppearanceDropdown';
 import { LinkToolbarAppearance } from './LinkToolbarAppearance';
 import { getLinkAppearanceDropdown } from './LinkToolbarAppearanceDropdown';
 import { ToolbarViewedEvent } from './ToolbarViewedEvent';
@@ -414,12 +413,12 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       });
     }
     if (editorExperiment('platform_editor_controls', 'variant1')) {
-      const hoverDecorationProps = (nodeType, className) => fg('platform_editor_controls_patch_1') ? {
+      const hoverDecorationProps = (nodeType, className) => ({
         onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true, className),
         onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false, className),
         onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true, className),
         onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false, className)
-      } : undefined;
+      });
       const overflowMenuConfig = [{
         type: 'separator',
         fullHeight: true
@@ -680,8 +679,8 @@ export const getStartingToolbarItems = (options, api) => {
       type: 'separator'
     }];
     if (editorExperiment('platform_editor_controls', 'variant1')) {
-      var _api$analytics2, _api$analytics3, _api$analytics4, _api$analytics5;
-      const hyperlinkAppearance = fg('platform_editor_controls_patch_1') ? [getCustomHyperlinkAppearanceDropdown({
+      var _api$analytics2, _api$analytics3;
+      const hyperlinkAppearance = [getCustomHyperlinkAppearanceDropdown({
         url: link,
         intl,
         editorAnalyticsApi: api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions,
@@ -690,19 +689,7 @@ export const getStartingToolbarItems = (options, api) => {
         cardOptions: options,
         settingsConfig: getSettingsButton(intl, api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, options.userPreferencesLink),
         isDatasourceView: false
-      })] : [getHyperlinkAppearanceDropdown({
-        url: link,
-        intl,
-        editorState: state,
-        editorAnalyticsApi: api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions,
-        allowDatasource: options.allowDatasource,
-        editorPluginApi: api,
-        cardOptions: options,
-        settingsConfig: getSettingsButton(intl, api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions, options.userPreferencesLink),
-        isDatasourceView: false
-      }), {
-        type: 'separator'
-      }];
+      })];
       return [{
         type: 'custom',
         fallback: [],
@@ -727,7 +714,7 @@ export const getStartingToolbarItems = (options, api) => {
       type: 'custom',
       fallback: [],
       render: editorView => {
-        var _api$analytics6;
+        var _api$analytics4;
         if (!editorView) {
           return null;
         }
@@ -738,7 +725,7 @@ export const getStartingToolbarItems = (options, api) => {
           editorView: editorView,
           editorState: editorView.state,
           cardOptions: options,
-          editorAnalyticsApi: api === null || api === void 0 ? void 0 : (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 ? void 0 : _api$analytics6.actions,
+          editorAnalyticsApi: api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions,
           editorPluginApi: api
         });
       }
@@ -751,10 +738,10 @@ export const getEndingToolbarItems = (options, api) => (intl, link) => {
    * Or explicit user preferences config in order to enable button
    */
   if ((options.provider || options.userPreferencesLink) && editorExperiment('platform_editor_controls', 'control')) {
-    var _api$analytics7;
+    var _api$analytics5;
     return [{
       type: 'separator'
-    }, getSettingsButton(intl, api === null || api === void 0 ? void 0 : (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 ? void 0 : _api$analytics7.actions, options.userPreferencesLink)];
+    }, getSettingsButton(intl, api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions, options.userPreferencesLink)];
   }
   return [];
 };

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -9,6 +9,7 @@ import { AwarenessWrapper } from '../ui/AwarenessWrapper';
 import OpenButtonOverlay from '../ui/OpenButtonOverlay';
 import { InlineCard } from './inlineCard';
 export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
+  var _pluginInjectionApi$c;
   var node = _ref.node,
     cardContext = _ref.cardContext,
     actionOptions = _ref.actionOptions,
@@ -34,6 +35,7 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     isResolvedViewRendered = _useState6[0],
     setIsResolvedViewRendered = _useState6[1];
+  var editorAppearance = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card.sharedState.currentState()) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.editorAppearance;
   var onResolve = useCallback(function (tr, title) {
     if (fg('platform_editor_fix_card_plugin_state')) {
       var metadata = tr.getMeta(pluginKey);
@@ -70,7 +72,8 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
   var innerCardWithOpenButtonOverlay = useMemo(function () {
     return /*#__PURE__*/React.createElement(OpenButtonOverlay, {
       isVisible: isResolvedViewRendered,
-      url: node.attrs.url
+      url: node.attrs.url,
+      editorAppearance: editorAppearance
     }, /*#__PURE__*/React.createElement(InlineCard, {
       node: node,
       view: view,
@@ -83,7 +86,7 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
       isHovered: isHovered,
       isPageSSRed: isPageSSRed
     }));
-  }, [isResolvedViewRendered, node, view, getPos, useAlternativePreloader, actionOptions, onResolve, onClick, cardContext, isHovered, isPageSSRed]);
+  }, [isResolvedViewRendered, node, editorAppearance, view, getPos, useAlternativePreloader, actionOptions, onResolve, onClick, cardContext, isHovered, isPageSSRed]);
   var innerCardOriginal = useMemo(function () {
     return /*#__PURE__*/React.createElement(InlineCard, {
       node: node,
@@ -98,7 +101,10 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
       isPageSSRed: isPageSSRed
     });
   }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed]);
-  var innerCard = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'edit' && editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_1') ? innerCardWithOpenButtonOverlay : innerCardOriginal;
+  var shouldShowOpenButtonOverlay = useMemo(function () {
+    return ((editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'edit' || editorAppearance === 'comment' && fg('platform_editor_controls_patch_6')) && editorExperiment('platform_editor_controls', 'variant1');
+  }, [editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode, editorAppearance]);
+  var innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
   return isOverlayEnabled || isPulseEnabled ? /*#__PURE__*/React.createElement(AwarenessWrapper, {
     isOverlayEnabled: isOverlayEnabled,
     isPulseEnabled: isPulseEnabled,

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

@@ -8,13 +8,11 @@ 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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';
 import useLinkUpgradeDiscoverability from '../hooks/useLinkUpgradeDiscoverability';
 import InlineCardOverlay from '../InlineCardOverlay';
 import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR, markLocalStorageKeyDiscovered, ONE_DAY_IN_MILLISECONDS } from '../local-storage';
-import OpenButtonOverlay from '../OpenButtonOverlay';
 import { DiscoveryPulse } from '../Pulse';
 // editor adds a standard line-height that is bigger than an inline smart link
 // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
@@ -79,7 +77,7 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   var cardWithOverlay = useMemo(function () {
-    if (shouldShowLinkOverlay && !(editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_1'))) {
+    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1')) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
@@ -94,18 +92,6 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
     }
     return children;
   }, [shouldShowLinkOverlay, children, isSelected, isResolvedViewRendered, isInserted, isHovered, url, handleOverlayChange]);
-  var cardWithOpenButtonOverlay = useMemo(function () {
-    return jsx(OpenButtonOverlay, {
-      isVisible: isResolvedViewRendered && isHovered,
-      onMouseEnter: function onMouseEnter() {
-        return handleOverlayChange(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return handleOverlayChange(false);
-      },
-      url: url
-    }, children);
-  }, [children, isHovered, url, handleOverlayChange, isResolvedViewRendered]);
   var isInline = appearance === 'inline';
   return useMemo(function () {
     var _cardContext$value;
@@ -125,7 +111,7 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
         shouldShowPulse: isResolvedViewRendered && shouldShowLinkPulse,
         testId: "link-discovery-pulse",
         isInline: isInline
-      }, editorExperiment('platform_editor_controls', 'variant1') && !fg('platform_editor_controls_patch_1') ? cardWithOpenButtonOverlay : cardWithOverlay)))
+      }, cardWithOverlay)))
     );
-  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, cardWithOverlay, cardWithOpenButtonOverlay, isInline]);
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, cardWithOverlay, isInline]);
 };