@atlaskit/editor-plugin-card 5.4.11 → 5.4.12

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 */
 /**
@@ -108,48 +107,22 @@ 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,
       href: url,

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

@@ -98,7 +98,7 @@ 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 innerCard = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'edit' && editorExperiment('platform_editor_controls', 'variant1') ? 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]);
 };

package/dist/esm/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -8,20 +8,26 @@ 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';
-var HyperlinkDropdown = function HyperlinkDropdown(props) {
+var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
   var _props$cardOptions3;
   var _useState = useState(new Map()),
     _useState2 = _slicedToArray(_useState, 2),
     supportedUrlsMap = _useState2[0],
     setSupportedUrlsMap = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
   var cardProvider = useRef(undefined);
+  var containerRef = useRef(undefined);
   var url = props.url,
     intl = props.intl,
-    editorState = props.editorState,
+    editorView = props.editorView,
     cardOptions = props.cardOptions,
     editorAnalyticsApi = props.editorAnalyticsApi,
     allowDatasource = props.allowDatasource,
-    isDatasourceView = props.isDatasourceView;
+    isDatasourceView = props.isDatasourceView,
+    settingsConfig = props.settingsConfig;
   // Ignored via go/ees005
   // eslint-disable-next-line require-await
   var getProvider = /*#__PURE__*/function () {
@@ -128,187 +134,6 @@ var HyperlinkDropdown = function 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 var getHyperlinkAppearanceDropdown = function getHyperlinkAppearanceDropdown(_ref3) {
-  var url = _ref3.url,
-    intl = _ref3.intl,
-    editorState = _ref3.editorState,
-    editorAnalyticsApi = _ref3.editorAnalyticsApi,
-    editorPluginApi = _ref3.editorPluginApi,
-    settingsConfig = _ref3.settingsConfig,
-    cardOptions = _ref3.cardOptions,
-    allowDatasource = _ref3.allowDatasource,
-    isDatasourceView = _ref3.isDatasourceView;
-  var alignmentItemOptions = {
-    render: function 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
-  };
-  var currentAppearanceDisplayInformation = appearancePropsMap['url'];
-  var alignmentToolbarItem = {
-    id: 'hyperlink-appearance',
-    testId: 'hyperlink-appearance-dropdown',
-    type: 'dropdown',
-    options: alignmentItemOptions,
-    title: intl.formatMessage(currentAppearanceDisplayInformation.title),
-    iconBefore: currentAppearanceDisplayInformation.icon
-  };
-  return alignmentToolbarItem;
-};
-var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
-  var _props$cardOptions6;
-  var _useState3 = useState(new Map()),
-    _useState4 = _slicedToArray(_useState3, 2),
-    supportedUrlsMap = _useState4[0],
-    setSupportedUrlsMap = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  var cardProvider = useRef(undefined);
-  var containerRef = useRef(undefined);
-  var url = props.url,
-    intl = props.intl,
-    editorView = props.editorView,
-    cardOptions = props.cardOptions,
-    editorAnalyticsApi = props.editorAnalyticsApi,
-    allowDatasource = props.allowDatasource,
-    isDatasourceView = props.isDatasourceView,
-    settingsConfig = props.settingsConfig;
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-await
-  var getProvider = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      var _props$cardOptions4;
-      var _props$cardOptions5;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            if (!((_props$cardOptions4 = props.cardOptions) !== null && _props$cardOptions4 !== void 0 && _props$cardOptions4.provider)) {
-              _context3.next = 2;
-              break;
-            }
-            return _context3.abrupt("return", (_props$cardOptions5 = props.cardOptions) === null || _props$cardOptions5 === void 0 ? void 0 : _props$cardOptions5.provider);
-          case 2:
-            if (!cardProvider.current) {
-              _context3.next = 4;
-              break;
-            }
-            return _context3.abrupt("return", cardProvider.current);
-          case 4:
-            return _context3.abrupt("return", new Promise(function (resolve) {
-              var _props$editorPluginAp2;
-              var cardProvider = (_props$editorPluginAp2 = props.editorPluginApi) === null || _props$editorPluginAp2 === void 0 || (_props$editorPluginAp2 = _props$editorPluginAp2.card) === null || _props$editorPluginAp2 === void 0 || (_props$editorPluginAp2 = _props$editorPluginAp2.sharedState) === null || _props$editorPluginAp2 === void 0 || (_props$editorPluginAp2 = _props$editorPluginAp2.currentState()) === null || _props$editorPluginAp2 === void 0 ? void 0 : _props$editorPluginAp2.provider;
-              if (cardProvider) {
-                resolve(cardProvider);
-              }
-            }));
-          case 5:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return function getProvider() {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-  var resolveUrl = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(url) {
-      var isUrlSupported, _yield$provider$findP2, provider, newMap;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            if (!supportedUrlsMap.has(url)) {
-              _context4.next = 2;
-              break;
-            }
-            return _context4.abrupt("return");
-          case 2:
-            isUrlSupported = false;
-            _context4.prev = 3;
-            _context4.next = 6;
-            return getProvider();
-          case 6:
-            provider = _context4.sent;
-            _context4.next = 9;
-            return provider === null || provider === void 0 ? void 0 : provider.findPattern(url);
-          case 9:
-            _context4.t1 = _yield$provider$findP2 = _context4.sent;
-            _context4.t0 = _context4.t1 !== null;
-            if (!_context4.t0) {
-              _context4.next = 13;
-              break;
-            }
-            _context4.t0 = _yield$provider$findP2 !== void 0;
-          case 13:
-            if (!_context4.t0) {
-              _context4.next = 17;
-              break;
-            }
-            _context4.t2 = _yield$provider$findP2;
-            _context4.next = 18;
-            break;
-          case 17:
-            _context4.t2 = false;
-          case 18:
-            isUrlSupported = _context4.t2;
-            _context4.next = 24;
-            break;
-          case 21:
-            _context4.prev = 21;
-            _context4.t3 = _context4["catch"](3);
-            isUrlSupported = false;
-          case 24:
-            newMap = new Map(supportedUrlsMap);
-            newMap.set(url, isUrlSupported);
-            setSupportedUrlsMap(newMap);
-          case 27:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4, null, [[3, 21]]);
-    }));
-    return function resolveUrl(_x2) {
-      return _ref5.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    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;
   }
@@ -373,15 +198,15 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
     settingsConfig: settingsConfig
   })), /*#__PURE__*/React.createElement(Separator, null));
 };
-export var getCustomHyperlinkAppearanceDropdown = function getCustomHyperlinkAppearanceDropdown(_ref6) {
-  var url = _ref6.url,
-    intl = _ref6.intl,
-    editorAnalyticsApi = _ref6.editorAnalyticsApi,
-    editorPluginApi = _ref6.editorPluginApi,
-    settingsConfig = _ref6.settingsConfig,
-    cardOptions = _ref6.cardOptions,
-    allowDatasource = _ref6.allowDatasource,
-    isDatasourceView = _ref6.isDatasourceView;
+export var getCustomHyperlinkAppearanceDropdown = function getCustomHyperlinkAppearanceDropdown(_ref3) {
+  var url = _ref3.url,
+    intl = _ref3.intl,
+    editorAnalyticsApi = _ref3.editorAnalyticsApi,
+    editorPluginApi = _ref3.editorPluginApi,
+    settingsConfig = _ref3.settingsConfig,
+    cardOptions = _ref3.cardOptions,
+    allowDatasource = _ref3.allowDatasource,
+    isDatasourceView = _ref3.isDatasourceView;
   return {
     type: 'custom',
     fallback: [],