@atlaskit/editor-plugin-card 4.5.16 → 4.5.18

package/dist/es2019/nodeviews/embedCard.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import rafSchedule from 'raf-schd';
+import uuid from 'uuid/v4';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
@@ -10,7 +11,7 @@ import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { EmbedResizeMessageListener, Card as SmartCard } from '@atlaskit/smart-card';
-import { registerCard } from '../pm-plugins/actions';
+import { registerCard, removeCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
 import { Card } from './genericCard';
 const CardInner = ({
@@ -151,7 +152,8 @@ export class EmbedCardComponent extends React.PureComponent {
         return view.dispatch(registerCard({
           title,
           url,
-          pos
+          pos,
+          id: this.props.id
         })(view.state.tr));
       })();
       try {
@@ -332,6 +334,7 @@ const WrappedBlockCard = Card(EmbedCardComponent, UnsupportedBlock);
 export class EmbedCard extends ReactNodeView {
   constructor(...args) {
     super(...args);
+    _defineProperty(this, "id", uuid());
     _defineProperty(this, "updateContentEditable", (editorViewModeState, divElement) => {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
@@ -381,6 +384,18 @@ export class EmbedCard extends ReactNodeView {
   destroy() {
     var _this$unsubscribe;
     (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 ? void 0 : _this$unsubscribe.call(this);
+    if (fg('platform_editor_fix_card_plugin_state')) {
+      this.removeCard();
+    }
+  }
+  removeCard() {
+    const {
+      tr
+    } = this.view.state;
+    removeCard({
+      id: this.id
+    })(tr);
+    this.view.dispatch(tr);
   }
 }
 export const embedCardNodeView = ({

package/dist/es2019/nodeviews/inlineCard.js

@@ -1,13 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { memo, useCallback, useMemo, useState } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import rafSchedule from 'raf-schd';
+import uuid from 'uuid/v4';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { handleNavigation } from '@atlaskit/editor-common/link';
 import { findOverflowScrollParent, UnsupportedInline } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
-import { registerCard } from '../pm-plugins/actions';
+import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
 import OverlayWrapper from '../ui/ConfigureOverlay';
 import { Card } from './genericCard';
@@ -29,6 +30,21 @@ export const InlineCard = /*#__PURE__*/memo(({
     url,
     data
   } = node.attrs;
+  const refId = useRef(uuid());
+  useEffect(() => {
+    const id = refId.current;
+    return () => {
+      if (fg('platform_editor_fix_card_plugin_state')) {
+        const {
+          tr
+        } = view.state;
+        removeCard({
+          id
+        })(tr);
+        view.dispatch(tr);
+      }
+    };
+  }, [getPos, view]);
   const scrollContainer = useMemo(
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -53,7 +69,8 @@ export const InlineCard = /*#__PURE__*/memo(({
       registerCard({
         title,
         url,
-        pos
+        pos,
+        id: refId.current
       })(tr);
       onRes === null || onRes === void 0 ? void 0 : onRes(tr, title);
       view.dispatch(tr);
@@ -159,9 +176,6 @@ export function InlineCardNodeView(props) {
 }
 export const inlineCardNodeView = ({
   inlineCardViewProducer
-}) => (node, view, getPos, decorations
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+}) => (node, view, getPos, decorations) => {
   return inlineCardViewProducer(node, view, getPos, decorations);
 };

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -1,5 +1,7 @@
 import React, { memo, useCallback, useMemo, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { registerRemoveOverlay } from '../pm-plugins/actions';
+import { pluginKey } from '../pm-plugins/plugin-key';
 import { AwarenessWrapper } from '../ui/AwarenessWrapper';
 import { InlineCard } from './inlineCard';
 export const InlineCardWithAwareness = /*#__PURE__*/memo(({
@@ -19,7 +21,16 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
   const [isInserted, setIsInserted] = useState(false);
   const [isResolvedViewRendered, setIsResolvedViewRendered] = useState(false);
   const onResolve = useCallback((tr, title) => {
-    registerRemoveOverlay(() => setIsInserted(false))(tr);
+    if (fg('platform_editor_fix_card_plugin_state')) {
+      const metadata = tr.getMeta(pluginKey);
+      if (metadata && metadata.type === 'REGISTER') {
+        registerRemoveOverlay(() => setIsInserted(false), metadata.info)(tr);
+      } else {
+        registerRemoveOverlay(() => setIsInserted(false))(tr);
+      }
+    } else {
+      registerRemoveOverlay(() => setIsInserted(false))(tr);
+    }
     if (title) {
       setIsResolvedViewRendered(true);
     }

package/dist/es2019/pm-plugins/actions.js

@@ -14,9 +14,14 @@ export const registerCard = info => tr => cardAction(tr, {
   type: 'REGISTER',
   info
 });
-export const registerRemoveOverlay = callback => tr => cardAction(tr, {
+export const removeCard = info => tr => cardAction(tr, {
+  type: 'REMOVE_CARD',
+  info
+});
+export const registerRemoveOverlay = (callback, info) => tr => cardAction(tr, {
   type: 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK',
-  callback
+  callback,
+  info
 });
 export const registerSmartCardEvents = smartLinkEvents => tr => cardAction(tr, {
   type: 'REGISTER_EVENTS',

package/dist/es2019/pm-plugins/doc.js

@@ -14,8 +14,6 @@ import { appearanceForNodeType, isDatasourceConfigEditable, isDatasourceNode, se
 /**
  * Attempt to replace the link into the respective card.
  */
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function replaceLinksToCards(tr, cardAdf, schema, request) {
   const {
     inlineCard
@@ -57,10 +55,7 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
   }
   return $pos.node($pos.depth - 1).type.name;
 }
-export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => (editorState, dispatch) => {
+export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent) => (editorState, dispatch) => {
   const state = pluginKey.getState(editorState);
   if (!state) {
     return false;
@@ -144,10 +139,7 @@ export const handleFallbackWithAnalytics = (request, editorAnalyticsApi) => (sta
   }
   return true;
 };
-export const queueCardsFromChangedTr = (state, tr, source, analyticsAction, normalizeLinkText = true, sourceEvent = undefined, appearance = 'inline'
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const queueCardsFromChangedTr = (state, tr, source, analyticsAction, normalizeLinkText = true, sourceEvent = undefined, appearance = 'inline') => {
   const {
     schema
   } = state;
@@ -183,10 +175,7 @@ export const queueCardsFromChangedTr = (state, tr, source, analyticsAction, norm
   }
   return queueCards(requests)(tr);
 };
-export const queueCardFromChangedTr = (state, tr, source, analyticsAction, normalizeLinkText = true, sourceEvent = undefined, previousAppearance
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const queueCardFromChangedTr = (state, tr, source, analyticsAction, normalizeLinkText = true, sourceEvent = undefined, previousAppearance) => {
   const {
     schema
   } = state;
@@ -221,10 +210,7 @@ export const queueCardFromChangedTr = (state, tr, source, analyticsAction, norma
   });
   return queueCards(requests)(tr);
 };
-export const convertHyperlinkToSmartCard = (state, source, appearance, normalizeLinkText = true
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const convertHyperlinkToSmartCard = (state, source, appearance, normalizeLinkText = true) => {
   const {
     schema
   } = state;
@@ -252,10 +238,7 @@ export const convertHyperlinkToSmartCard = (state, source, appearance, normalize
   });
   return queueCards(requests)(state.tr);
 };
-export const changeSelectedCardToLink = (text, href, sendAnalytics, node, pos, editorAnalyticsApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => (state, dispatch) => {
+export const changeSelectedCardToLink = (text, href, sendAnalytics, node, pos, editorAnalyticsApi) => (state, dispatch) => {
   const selectedNode = state.selection instanceof NodeSelection ? state.selection.node : undefined;
   let tr;
   if (node && pos) {
@@ -282,10 +265,7 @@ export const changeSelectedCardToLink = (text, href, sendAnalytics, node, pos, e
   }
   return true;
 };
-export const changeSelectedCardToLinkFallback = (text, href, sendAnalytics, node, pos, editorAnalyticsApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => (state, dispatch) => {
+export const changeSelectedCardToLinkFallback = (text, href, sendAnalytics, node, pos, editorAnalyticsApi) => (state, dispatch) => {
   let tr;
   if (node && pos) {
     tr = cardNodeToLinkWithTransaction(state, text, href, node, pos);
@@ -334,9 +314,6 @@ function cardToLinkWithTransaction(state, text, href) {
   })]), false);
   return tr;
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function cardNodeToLinkWithTransaction(state, text, href, node, pos) {
   const {
     link
@@ -505,10 +482,7 @@ export const updateCardViaDatasource = args => {
   }
   view.dispatch(tr.scrollIntoView());
 };
-export const insertDatasource = (state, adf, view, sourceEvent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const insertDatasource = (state, adf, view, sourceEvent) => {
   const {
     tr,
     selection: {

package/dist/es2019/pm-plugins/reducers.js

@@ -22,6 +22,12 @@ const register = (state, action) => {
     cards: state.cards.filter(card => card.pos !== action.info.pos).concat(action.info)
   };
 };
+const removeCard = (state, action) => {
+  return {
+    ...state,
+    cards: state.cards.filter(card => card.id !== action.info.id)
+  };
+};
 const setProvider = (state, action) => {
   return {
     ...state,
@@ -82,6 +88,10 @@ const clearOverlayCandidate = state => {
 const registerRemoveOverlayOnInsertedLink = (state, action) => {
   return {
     ...state,
+    cards: action.info ? state.cards.filter(card => {
+      var _action$info;
+      return card.pos !== ((_action$info = action.info) === null || _action$info === void 0 ? void 0 : _action$info.pos);
+    }).concat(action.info) : state.cards,
     removeOverlay: action.callback
   };
 };
@@ -116,6 +126,8 @@ export default ((state, action) => {
       return resolve(state, action);
     case 'REGISTER':
       return register(state, action);
+    case 'REMOVE_CARD':
+      return removeCard(state, action);
     case 'REGISTER_EVENTS':
       return registerEvents(state, action);
     case 'SET_DATASOURCE_TABLE_REF':

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

@@ -31,10 +31,7 @@ const isFreshlyPastedOnNewLine = view => {
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-export const resolveWithProvider = (view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const resolveWithProvider = (view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) => {
   const isEmbedFriendlyLocation = fg('hardcoded-embeds-only-on-new-line') ? isFreshlyPastedOnNewLine(view) : true;
 
   // When user manually changes appearance from blue link to smart link, we should respect that,
@@ -64,10 +61,7 @@ const updateCardType = (resolvedCard, options) => {
     resolvedCard.type = 'inlineCard';
   }
 };
-const handleResolved = (view, request, editorAnalyticsApi, createAnalyticsEvent, options
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => resolvedCard => {
+const handleResolved = (view, request, editorAnalyticsApi, createAnalyticsEvent, options) => resolvedCard => {
   updateCardType(resolvedCard, options);
   replaceQueuedUrlWithCard(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent)(view.state, view.dispatch);
   return resolvedCard;

package/dist/es2019/pm-plugins/utils.js

@@ -47,10 +47,7 @@ export const findCardInfo = state => {
   }
   return pluginState.cards.find(cardInfo => cardInfo.pos === state.selection.from);
 };
-const isAppearanceSupportedInParent = (currentNodePosition, editorState, fragment, currentAppearance
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const isAppearanceSupportedInParent = (currentNodePosition, editorState, fragment, currentAppearance) => {
   const resolvedPosition = editorState.doc.resolve(currentNodePosition);
   const parent = currentAppearance === 'embed' || currentAppearance === 'block' ? resolvedPosition.node() : resolvedPosition.node(-1);
   return parent && parent.type.validContent(fragment);
@@ -118,10 +115,7 @@ export const focusEditorView = editorView => {
     editorView.focus();
   }
 };
-export const getAwarenessProps = (editorState, getPos, allowEmbeds, allowBlockCards, disableOverlay = false
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const getAwarenessProps = (editorState, getPos, allowEmbeds, allowBlockCards, disableOverlay = false) => {
   var _editorState$selectio, _editorState$selectio2, _editorState$selectio3;
   const getPosFunction = typeof getPos !== 'boolean' ? getPos : undefined;
   const linkPosition = getPosFunction === null || getPosFunction === void 0 ? void 0 : getPosFunction();

package/dist/es2019/ui/EditLinkToolbar.js

@@ -75,10 +75,7 @@ export class EditLinkToolbar extends React.Component {
       // via the floating toolbar
       ,
       invokeMethod: INPUT_METHOD.FLOATING_TB,
-      lpLinkPicker: lpLinkPicker
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
-      ,
+      lpLinkPicker: lpLinkPicker,
       onSubmit: (href, title, displayText, inputMethod, analytic) => {
         this.hideLinkToolbar();
         if (onSubmit) {
@@ -153,10 +150,7 @@ export const buildEditLinkToolbar = ({
         text: displayInfo.title || '',
         node: node,
         lpLinkPicker: lpLinkPicker,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 ? void 0 : (_pluginInjectionApi$f2 = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f2 === void 0 ? void 0 : _pluginInjectionApi$f2.forceFocusSelector
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/max-params
-        ,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 ? void 0 : (_pluginInjectionApi$f2 = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f2 === void 0 ? void 0 : _pluginInjectionApi$f2.forceFocusSelector,
         onSubmit: (newHref, newText, inputMethod, analytic) => {
           const urlChanged = newHref !== displayInfo.url;
           const titleChanged = newText !== displayInfo.title;

package/dist/es2019/ui/ResizableEmbedCard.js

@@ -296,7 +296,7 @@ export default class ResizableEmbedCard extends React.Component {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         display: 'block',
         /* Fixes extra padding problem in Firefox */
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
         fontSize: 0,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
         lineHeight: 0,

package/dist/es2019/ui/analytics/events-from-tr.js

@@ -74,9 +74,6 @@ export const findChanged = (tr, state) => {
         }
       }
     }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
     stepMap.forEach((oldStart, oldEnd, newStart, newEnd) => {
       var _tr$docs2;
       const before = tr.docs[i];

package/dist/es2019/ui/analytics/utils.js

@@ -81,10 +81,7 @@ export const findAtPositions = (tr, positions) => {
   }
   return entities;
 };
-export const findInNodeRange = (doc, from, to, predicate
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const findInNodeRange = (doc, from, to, predicate) => {
   const entities = [];
   doc.nodesBetween(from, to, (node, pos) => {
     if (predicate(node)) {

package/dist/es2019/ui/editDatasourceAction.js

@@ -1,10 +1,7 @@
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { getDatasourceType } from '@atlaskit/editor-common/utils';
 import { showDatasourceModal } from '../pm-plugins/actions';
-export const editDatasource = (datasourceId, editorAnalyticsApi, appearance, extensionKey
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => (state, dispatch) => {
+export const editDatasource = (datasourceId, editorAnalyticsApi, appearance, extensionKey) => (state, dispatch) => {
   const datasourceType = getDatasourceType(datasourceId);
   if (dispatch && datasourceType) {
     const {

package/dist/es2019/ui/toolbar.js

@@ -96,10 +96,7 @@ export const openLinkSettings = editorAnalyticsApi => (state, dispatch) => {
   }
   return true;
 };
-export const floatingToolbar = (cardOptions, lpLinkPicker, linkPickerOptions, pluginInjectionApi, disableFloatingToolbar
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const floatingToolbar = (cardOptions, lpLinkPicker, linkPickerOptions, pluginInjectionApi, disableFloatingToolbar) => {
   return (state, intl, providerFactory) => {
     if (disableFloatingToolbar) {
       return;
@@ -164,10 +161,7 @@ const unlinkCard = (node, state, editorAnalyticsApi) => {
   }
   return () => false;
 };
-const buildAlignmentOptions = (state, intl, widthPluginDependencyApi, analyticsApi, cardOptions
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const buildAlignmentOptions = (state, intl, widthPluginDependencyApi, analyticsApi, cardOptions) => {
   return buildLayoutButtons(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
 };
 const withToolbarMetadata = command => commandWithMetadata(command, {
@@ -188,10 +182,7 @@ const getToolbarViewedItem = (url, display) => {
     })
   }];
 };
-const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkPicker, linkPicker, pluginInjectionApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => node => {
+const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkPicker, linkPicker, pluginInjectionApi) => node => {
   var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$a2, _node$attrs, _node$attrs$datasourc;
   const {
     url
@@ -384,10 +375,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
     return toolbarItems;
   }
 };
-const getUnlinkButtonGroup = (state, intl, node, inlineCard, editorAnalyticsApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const getUnlinkButtonGroup = (state, intl, node, inlineCard, editorAnalyticsApi) => {
   return node.type === inlineCard ? [{
     id: 'editor.link.unlink',
     focusEditoronEnter: true,
@@ -412,10 +400,7 @@ export const getSettingsButton = (intl, editorAnalyticsApi, userPreferencesLink)
     target: '_blank'
   };
 };
-const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance) => {
   var _node$attrs2;
   const toolbarItems = [];
   const canShowAppearanceSwitch = () => {
@@ -524,17 +509,11 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
   });
   return toolbarItems;
 };
-export const shouldRenderToolbarPulse = (embedEnabled, appearance, status, isDiscoverabilityEnabled
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const shouldRenderToolbarPulse = (embedEnabled, appearance, status, isDiscoverabilityEnabled) => {
   return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled;
 };
 export const getStartingToolbarItems = (options, api) => {
-  return (intl, link, onEditLink, metadata
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) => {
+  return (intl, link, onEditLink, metadata) => {
     const editLinkItem = options.allowDatasource ? [{
       type: 'custom',
       fallback: [],

package/dist/esm/nodeviews/blockCard.js

@@ -10,13 +10,14 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import rafSchedule from 'raf-schd';
+import uuid from 'uuid/v4';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { browser, canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { Datasource } from '../nodeviews/datasource';
-import { registerCard } from '../pm-plugins/actions';
+import { registerCard, removeCard as _removeCard } from '../pm-plugins/actions';
 import { isDatasourceNode } from '../pm-plugins/utils';
 import { Card } from './genericCard';
 
@@ -48,7 +49,8 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         view.dispatch(registerCard({
           title: title,
           url: url,
-          pos: pos
+          pos: pos,
+          id: _this.props.id
         })(view.state.tr));
       })();
     });
@@ -114,6 +116,7 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
       args[_key] = arguments[_key];
     }
     _this2 = _callSuper(this, BlockCard, [].concat(args));
+    _defineProperty(_this2, "id", uuid());
     _defineProperty(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
@@ -171,7 +174,8 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         getPos: this.getPos,
         actionOptions: actionOptions,
         pluginInjectionApi: pluginInjectionApi,
-        onClickCallback: onClickCallback
+        onClickCallback: onClickCallback,
+        id: this.id
       });
     }
   }, {
@@ -179,6 +183,18 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     value: function destroy() {
       var _this$unsubscribe;
       (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 || _this$unsubscribe.call(this);
+      if (fg('platform_editor_fix_card_plugin_state')) {
+        this.removeCard();
+      }
+    }
+  }, {
+    key: "removeCard",
+    value: function removeCard() {
+      var tr = this.view.state.tr;
+      _removeCard({
+        id: this.id
+      })(tr);
+      this.view.dispatch(tr);
     }
   }]);
 }(ReactNodeView);
@@ -189,10 +205,7 @@ export var blockCardNodeView = function blockCardNodeView(_ref3) {
     onClickCallback = _ref3.onClickCallback,
     allowDatasource = _ref3.allowDatasource,
     inlineCardViewProducer = _ref3.inlineCardViewProducer;
-  return function (node, view, getPos, decorations
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) {
+  return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
     var reactComponentProps = {

package/dist/esm/nodeviews/embedCard.js

@@ -13,6 +13,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import rafSchedule from 'raf-schd';
+import uuid from 'uuid/v4';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
@@ -21,7 +22,7 @@ import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { EmbedResizeMessageListener, Card as SmartCard } from '@atlaskit/smart-card';
-import { registerCard } from '../pm-plugins/actions';
+import { registerCard, removeCard as _removeCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
 import { Card } from './genericCard';
 var CardInner = function CardInner(_ref) {
@@ -155,7 +156,8 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         return view.dispatch(registerCard({
           title: title,
           url: url,
-          pos: pos
+          pos: pos,
+          id: _this.props.id
         })(view.state.tr));
       })();
       try {
@@ -338,6 +340,7 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
       args[_key] = arguments[_key];
     }
     _this2 = _callSuper(this, EmbedCard, [].concat(args));
+    _defineProperty(_this2, "id", uuid());
     _defineProperty(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
@@ -398,6 +401,18 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     value: function destroy() {
       var _this$unsubscribe;
       (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 || _this$unsubscribe.call(this);
+      if (fg('platform_editor_fix_card_plugin_state')) {
+        this.removeCard();
+      }
+    }
+  }, {
+    key: "removeCard",
+    value: function removeCard() {
+      var tr = this.view.state.tr;
+      _removeCard({
+        id: this.id
+      })(tr);
+      this.view.dispatch(tr);
     }
   }]);
 }(ReactNodeView);