@atlaskit/editor-plugin-card 18.1.5 → 18.1.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-card
 
+## 18.1.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.1.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/inlineCard.js

@@ -5,168 +5,21 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InlineCard = void 0;
 exports.InlineCardNodeView = InlineCardNodeView;
 exports.inlineCardNodeView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _v = _interopRequireDefault(require("uuid/v4"));
-var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _smartCard = require("@atlaskit/smart-card");
-var _ssr = require("@atlaskit/smart-card/ssr");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
-var _actions = require("../pm-plugins/actions");
 var _utils = require("../pm-plugins/utils");
 var _SmartCardSSRReactContextsProvider = require("../ui/SmartCardSSRReactContextsProvider");
-var _toolbar = require("../ui/toolbar");
 var _genericCard = require("./genericCard");
 var _inlineCardWithAwareness = require("./inlineCardWithAwareness");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-
-var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_ref) {
-  var _cardContext$value;
-  var node = _ref.node,
-    cardContext = _ref.cardContext,
-    actionOptions = _ref.actionOptions,
-    useAlternativePreloader = _ref.useAlternativePreloader,
-    view = _ref.view,
-    getPos = _ref.getPos,
-    propsOnClick = _ref.onClick,
-    onRes = _ref.onResolve,
-    isHovered = _ref.isHovered,
-    showHoverPreview = _ref.showHoverPreview,
-    hoverPreviewOptions = _ref.hoverPreviewOptions,
-    isPageSSRed = _ref.isPageSSRed,
-    pluginInjectionApi = _ref.pluginInjectionApi,
-    disablePreviewPanel = _ref.disablePreviewPanel;
-  var _node$attrs = node.attrs,
-    url = _node$attrs.url,
-    data = _node$attrs.data;
-  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-  var refId = (0, _react.useRef)((0, _v.default)());
-  var removeCardDispatched = (0, _react.useRef)(false);
-  var _ref2 = (cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {},
-    getSmartlinkState = _ref2.getState;
-  var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
-  (0, _react.useEffect)(function () {
-    var id = refId.current;
-    removeCardDispatched.current = false;
-    return function () {
-      if ((0, _expValEquals.expValEquals)('platform_editor_inline_card_dispatch_guard', 'isEnabled', true) && removeCardDispatched.current) {
-        return;
-      }
-      removeCardDispatched.current = true;
-      var tr = view.state.tr;
-      (0, _actions.removeCard)({
-        id: id
-      })(tr);
-      view.dispatch(tr);
-    };
-  }, [getPos, view]);
-  var scrollContainer = (0, _react.useMemo)(
-  // Ignored via go/ees005
-  // eslint-disable-next-line @atlaskit/editor/no-as-casting
-  function () {
-    return (0, _ui.findOverflowScrollParent)(view.dom) || undefined;
-  }, [view.dom]);
-  var onResolve = (0, _react.useCallback)(function (data) {
-    if (!getPos || typeof getPos === 'boolean') {
-      return;
-    }
-    var title = data.title,
-      url = data.url;
-    // don't dispatch immediately since we might be in the middle of
-    // rendering a nodeview
-    (0, _rafSchd.default)(function () {
-      // prosemirror-bump-fix
-      var pos = getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      var tr = view.state.tr;
-      (0, _actions.registerCard)({
-        title: title,
-        url: url,
-        pos: pos,
-        id: refId.current
-      })(tr);
-      onRes === null || onRes === void 0 || onRes(tr, title);
-      view.dispatch(tr);
-    })();
-  }, [getPos, view, onRes]);
-  var onError = (0, _react.useCallback)(function (data) {
-    var url = data.url,
-      err = data.err;
-    if (err) {
-      throw err;
-    }
-    onResolve({
-      url: url
-    });
-  }, [onResolve]);
-  var handleOnClick = (0, _react.useCallback)(function (event, data) {
-    if (event.metaKey || event.ctrlKey) {
-      var _pluginInjectionApi$a, _data$destinationUrl;
-      var _ref3 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
-        editorAnalyticsApi = _ref3.actions;
-      (0, _toolbar.visitCardLinkAnalytics)(editorAnalyticsApi, _analytics.INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
-      window.open((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : url : url, '_blank');
-    } else {
-      // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
-      propsOnClick === null || propsOnClick === void 0 || propsOnClick(event);
-    }
-  }, [propsOnClick, url, view, pluginInjectionApi]);
-  var onClick = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? handleOnClick : propsOnClick;
-  var card = (0, _react.useMemo)(function () {
-    if ((isPageSSRed || cardState && (0, _expValEquals.expValEquals)('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url) {
-      return /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
-        key: url,
-        url: url,
-        appearance: "inline",
-        onClick: onClick,
-        container: scrollContainer,
-        onResolve: onResolve,
-        onError: onError,
-        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
-        actionOptions: actionOptions,
-        isHovered: isHovered,
-        showHoverPreview: showHoverPreview,
-        hoverPreviewOptions: hoverPreviewOptions,
-        disablePreviewPanel: disablePreviewPanel,
-        hideIconLoadingSkeleton: true
-      });
-    }
-    return /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
-      key: url,
-      url: url !== null && url !== void 0 ? url : data.url,
-      appearance: "inline",
-      onClick: onClick,
-      container: scrollContainer,
-      onResolve: onResolve,
-      onError: onError,
-      inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
-      actionOptions: actionOptions,
-      isHovered: isHovered,
-      showHoverPreview: showHoverPreview,
-      hoverPreviewOptions: hoverPreviewOptions,
-      disablePreviewPanel: disablePreviewPanel
-    });
-  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel, cardState]);
-
-  // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
-  // otherwise if we got data, we can render the card directly since it doesn't need the Provider
-  return cardContext && cardContext.value ? /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
-    value: cardContext.value
-  }, card) : data ? card : null;
-});
 var WrappedInlineCardWithAwareness = (0, _genericCard.Card)(_inlineCardWithAwareness.InlineCardWithAwareness, _ui.UnsupportedInline);
 var selectorWithCard = function selectorWithCard(states) {
   var _states$editorViewMod, _states$cardState;
@@ -218,8 +71,8 @@ function InlineCardNodeView(props) {
     if ((0, _expValEquals.expValEquals)('platform_editor_smartlink_local_cache', 'isEnabled', true)) {
       // Refresh cache in the background
       provider === null || provider === void 0 || provider.then(function (providerInstance) {
-        var _refreshCache, _ref4;
-        (_refreshCache = (_ref4 = providerInstance).refreshCache) === null || _refreshCache === void 0 || _refreshCache.call(_ref4, props.node);
+        var _refreshCache, _ref;
+        (_refreshCache = (_ref = providerInstance).refreshCache) === null || _refreshCache === void 0 || _refreshCache.call(_ref, props.node);
       });
     }
   }, [provider, props.node]);
@@ -255,8 +108,8 @@ function InlineCardNodeView(props) {
     isChangeboardTarget: isChangeboardTarget
   }, inlineCardContent));
 }
-var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref5) {
-  var inlineCardViewProducer = _ref5.inlineCardViewProducer;
+var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref2) {
+  var inlineCardViewProducer = _ref2.inlineCardViewProducer;
   return function (node, view, getPos, decorations) {
     return inlineCardViewProducer(node, view, getPos, decorations);
   };

package/dist/cjs/nodeviews/inlineCardBase.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _v = _interopRequireDefault(require("uuid/v4"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _ui = require("@atlaskit/editor-common/ui");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _smartCard = require("@atlaskit/smart-card");
+var _ssr = require("@atlaskit/smart-card/ssr");
+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 _toolbar = require("../ui/toolbar");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+
+var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var _cardContext$value;
+  var node = _ref.node,
+    cardContext = _ref.cardContext,
+    actionOptions = _ref.actionOptions,
+    useAlternativePreloader = _ref.useAlternativePreloader,
+    view = _ref.view,
+    getPos = _ref.getPos,
+    propsOnClick = _ref.onClick,
+    onRes = _ref.onResolve,
+    isHovered = _ref.isHovered,
+    showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
+    isPageSSRed = _ref.isPageSSRed,
+    pluginInjectionApi = _ref.pluginInjectionApi,
+    disablePreviewPanel = _ref.disablePreviewPanel;
+  var _node$attrs = node.attrs,
+    url = _node$attrs.url,
+    data = _node$attrs.data;
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+  var refId = (0, _react.useRef)((0, _v.default)());
+  var removeCardDispatched = (0, _react.useRef)(false);
+  var _ref2 = (cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {},
+    getSmartlinkState = _ref2.getState;
+  var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
+  (0, _react.useEffect)(function () {
+    var id = refId.current;
+    removeCardDispatched.current = false;
+    return function () {
+      if ((0, _expValEquals.expValEquals)('platform_editor_inline_card_dispatch_guard', 'isEnabled', true) && removeCardDispatched.current) {
+        return;
+      }
+      removeCardDispatched.current = true;
+      var tr = view.state.tr;
+      (0, _actions.removeCard)({
+        id: id
+      })(tr);
+      view.dispatch(tr);
+    };
+  }, [getPos, view]);
+  var scrollContainer = (0, _react.useMemo)(
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
+  function () {
+    return (0, _ui.findOverflowScrollParent)(view.dom) || undefined;
+  }, [view.dom]);
+  var onResolve = (0, _react.useCallback)(function (data) {
+    if (!getPos || typeof getPos === 'boolean') {
+      return;
+    }
+    var title = data.title,
+      url = data.url;
+    // don't dispatch immediately since we might be in the middle of
+    // rendering a nodeview
+    (0, _rafSchd.default)(function () {
+      // prosemirror-bump-fix
+      var pos = getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
+      var tr = view.state.tr;
+      (0, _actions.registerCard)({
+        title: title,
+        url: url,
+        pos: pos,
+        id: refId.current
+      })(tr);
+      onRes === null || onRes === void 0 || onRes(tr, title);
+      view.dispatch(tr);
+    })();
+  }, [getPos, view, onRes]);
+  var onError = (0, _react.useCallback)(function (data) {
+    var url = data.url,
+      err = data.err;
+    if (err) {
+      throw err;
+    }
+    onResolve({
+      url: url
+    });
+  }, [onResolve]);
+  var handleOnClick = (0, _react.useCallback)(function (event, data) {
+    if (event.metaKey || event.ctrlKey) {
+      var _pluginInjectionApi$a, _data$destinationUrl;
+      var _ref3 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
+        editorAnalyticsApi = _ref3.actions;
+      (0, _toolbar.visitCardLinkAnalytics)(editorAnalyticsApi, _analytics.INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
+      window.open((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : url : url, '_blank');
+    } else {
+      // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
+      propsOnClick === null || propsOnClick === void 0 || propsOnClick(event);
+    }
+  }, [propsOnClick, url, view, pluginInjectionApi]);
+  var onClick = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? handleOnClick : propsOnClick;
+  var card = (0, _react.useMemo)(function () {
+    if ((isPageSSRed || cardState && (0, _expValEquals.expValEquals)('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url) {
+      return /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
+        key: url,
+        url: url,
+        appearance: "inline",
+        onClick: onClick,
+        container: scrollContainer,
+        onResolve: onResolve,
+        onError: onError,
+        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
+        actionOptions: actionOptions,
+        isHovered: isHovered,
+        showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
+        disablePreviewPanel: disablePreviewPanel,
+        hideIconLoadingSkeleton: true
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
+      key: url,
+      url: url !== null && url !== void 0 ? url : data.url,
+      appearance: "inline",
+      onClick: onClick,
+      container: scrollContainer,
+      onResolve: onResolve,
+      onError: onError,
+      inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
+      actionOptions: actionOptions,
+      isHovered: isHovered,
+      showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
+      disablePreviewPanel: disablePreviewPanel
+    });
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel, cardState]);
+
+  // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
+  // otherwise if we got data, we can render the card directly since it doesn't need the Provider
+  return cardContext && cardContext.value ? /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
+    value: cardContext.value
+  }, card) : data ? card : null;
+});

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -22,7 +22,7 @@ var _actions = require("../pm-plugins/actions");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _AwarenessWrapper = require("../ui/AwarenessWrapper");
 var _PreviewInvoker = require("../ui/preview/PreviewInvoker");
-var _inlineCard = require("./inlineCard");
+var _inlineCardBase = require("./inlineCardBase");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var selector = function selector(states) {
   var _states$editorViewMod, _states$selectionStat;
@@ -103,7 +103,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
       compactPadding: editorAppearance === 'comment' || editorAppearance === 'chromeless',
       editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions,
       view: view
-    }, /*#__PURE__*/_react.default.createElement(_inlineCard.InlineCard, {
+    }, /*#__PURE__*/_react.default.createElement(_inlineCardBase.InlineCard, {
       node: node,
       view: view,
       getPos: getPos,
@@ -120,7 +120,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
     }));
   }, [isResolvedViewRendered, node, editorAppearance, view, getPos, useAlternativePreloader, actionOptions, onResolve, onClick, cardContext, isHovered, isPageSSRed, provider, pluginInjectionApi, destinationUrl]);
   var innerCardOriginal = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement(_inlineCard.InlineCard, {
+    return /*#__PURE__*/_react.default.createElement(_inlineCardBase.InlineCard, {
       node: node,
       view: view,
       getPos: getPos,
@@ -229,7 +229,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
                 });
               }
             }
-          }, /*#__PURE__*/_react.default.createElement(_inlineCard.InlineCard, {
+          }, /*#__PURE__*/_react.default.createElement(_inlineCardBase.InlineCard, {
             node: node,
             view: view,
             getPos: getPos,
@@ -246,7 +246,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
             disablePreviewPanel: true
           }));
         } else {
-          return /*#__PURE__*/_react.default.createElement(_inlineCard.InlineCard, {
+          return /*#__PURE__*/_react.default.createElement(_inlineCardBase.InlineCard, {
             node: node,
             view: view,
             getPos: getPos,

package/dist/es2019/nodeviews/inlineCard.js

@@ -1,168 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
-import rafSchedule from 'raf-schd';
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-import uuid from 'uuid/v4';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import React, { useEffect, useMemo } from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { UnsupportedInline, findOverflowScrollParent } from '@atlaskit/editor-common/ui';
+import { UnsupportedInline } from '@atlaskit/editor-common/ui';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Card as SmartCard } from '@atlaskit/smart-card';
-import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
-import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
 import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
-import { visitCardLinkAnalytics } from '../ui/toolbar';
 import { Card } from './genericCard';
 import { InlineCardWithAwareness } from './inlineCardWithAwareness';
-export const InlineCard = /*#__PURE__*/memo(({
-  node,
-  cardContext,
-  actionOptions,
-  useAlternativePreloader,
-  view,
-  getPos,
-  onClick: propsOnClick,
-  onResolve: onRes,
-  isHovered,
-  showHoverPreview,
-  hoverPreviewOptions,
-  isPageSSRed,
-  pluginInjectionApi,
-  disablePreviewPanel
-}) => {
-  var _cardContext$value;
-  const {
-    url,
-    data
-  } = node.attrs;
-  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-  const refId = useRef(uuid());
-  const removeCardDispatched = useRef(false);
-  const {
-    getState: getSmartlinkState
-  } = (cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {};
-  const cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
-  useEffect(() => {
-    const id = refId.current;
-    removeCardDispatched.current = false;
-    return () => {
-      if (expValEquals('platform_editor_inline_card_dispatch_guard', 'isEnabled', true) && removeCardDispatched.current) {
-        return;
-      }
-      removeCardDispatched.current = true;
-      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
-  () => findOverflowScrollParent(view.dom) || undefined, [view.dom]);
-  const onResolve = useCallback(data => {
-    if (!getPos || typeof getPos === 'boolean') {
-      return;
-    }
-    const {
-      title,
-      url
-    } = data;
-    // don't dispatch immediately since we might be in the middle of
-    // rendering a nodeview
-    rafSchedule(() => {
-      // prosemirror-bump-fix
-      const pos = getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      const tr = view.state.tr;
-      registerCard({
-        title,
-        url,
-        pos,
-        id: refId.current
-      })(tr);
-      onRes === null || onRes === void 0 ? void 0 : onRes(tr, title);
-      view.dispatch(tr);
-    })();
-  }, [getPos, view, onRes]);
-  const onError = useCallback(data => {
-    const {
-      url,
-      err
-    } = data;
-    if (err) {
-      throw err;
-    }
-    onResolve({
-      url
-    });
-  }, [onResolve]);
-  const handleOnClick = useCallback((event, data) => {
-    if (event.metaKey || event.ctrlKey) {
-      var _pluginInjectionApi$a, _data$destinationUrl;
-      const {
-        actions: editorAnalyticsApi
-      } = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {};
-      visitCardLinkAnalytics(editorAnalyticsApi, INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
-      window.open(fg('platform_smartlink_xpc_url_wrapping') ? (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : url : url, '_blank');
-    } else {
-      // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
-      propsOnClick === null || propsOnClick === void 0 ? void 0 : propsOnClick(event);
-    }
-  }, [propsOnClick, url, view, pluginInjectionApi]);
-  const onClick = editorExperiment('platform_editor_controls', 'variant1') ? handleOnClick : propsOnClick;
-  const card = useMemo(() => {
-    if ((isPageSSRed || cardState && expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url) {
-      return /*#__PURE__*/React.createElement(CardSSR, {
-        key: url,
-        url: url,
-        appearance: "inline",
-        onClick: onClick,
-        container: scrollContainer,
-        onResolve: onResolve,
-        onError: onError,
-        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
-        actionOptions: actionOptions,
-        isHovered: isHovered,
-        showHoverPreview: showHoverPreview,
-        hoverPreviewOptions: hoverPreviewOptions,
-        disablePreviewPanel: disablePreviewPanel,
-        hideIconLoadingSkeleton: true
-      });
-    }
-    return /*#__PURE__*/React.createElement(SmartCard, {
-      key: url,
-      url: url !== null && url !== void 0 ? url : data.url,
-      appearance: "inline",
-      onClick: onClick,
-      container: scrollContainer,
-      onResolve: onResolve,
-      onError: onError,
-      inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
-      actionOptions: actionOptions,
-      isHovered: isHovered,
-      showHoverPreview: showHoverPreview,
-      hoverPreviewOptions: hoverPreviewOptions,
-      disablePreviewPanel: disablePreviewPanel
-    });
-  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel, cardState]);
-
-  // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
-  // otherwise if we got data, we can render the card directly since it doesn't need the Provider
-  return cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
-    value: cardContext.value
-  }, card) : data ? card : null;
-});
 const WrappedInlineCardWithAwareness = Card(InlineCardWithAwareness, UnsupportedInline);
 const selectorWithCard = states => {
   var _states$editorViewMod, _states$cardState;

package/dist/es2019/nodeviews/inlineCardBase.js

@@ -0,0 +1,157 @@
+import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
+import rafSchedule from 'raf-schd';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+import uuid from 'uuid/v4';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Card as SmartCard } from '@atlaskit/smart-card';
+import { CardSSR } from '@atlaskit/smart-card/ssr';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { registerCard, removeCard } from '../pm-plugins/actions';
+import { visitCardLinkAnalytics } from '../ui/toolbar';
+export const InlineCard = /*#__PURE__*/memo(({
+  node,
+  cardContext,
+  actionOptions,
+  useAlternativePreloader,
+  view,
+  getPos,
+  onClick: propsOnClick,
+  onResolve: onRes,
+  isHovered,
+  showHoverPreview,
+  hoverPreviewOptions,
+  isPageSSRed,
+  pluginInjectionApi,
+  disablePreviewPanel
+}) => {
+  var _cardContext$value;
+  const {
+    url,
+    data
+  } = node.attrs;
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+  const refId = useRef(uuid());
+  const removeCardDispatched = useRef(false);
+  const {
+    getState: getSmartlinkState
+  } = (cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {};
+  const cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
+  useEffect(() => {
+    const id = refId.current;
+    removeCardDispatched.current = false;
+    return () => {
+      if (expValEquals('platform_editor_inline_card_dispatch_guard', 'isEnabled', true) && removeCardDispatched.current) {
+        return;
+      }
+      removeCardDispatched.current = true;
+      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
+  () => findOverflowScrollParent(view.dom) || undefined, [view.dom]);
+  const onResolve = useCallback(data => {
+    if (!getPos || typeof getPos === 'boolean') {
+      return;
+    }
+    const {
+      title,
+      url
+    } = data;
+    // don't dispatch immediately since we might be in the middle of
+    // rendering a nodeview
+    rafSchedule(() => {
+      // prosemirror-bump-fix
+      const pos = getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
+      const tr = view.state.tr;
+      registerCard({
+        title,
+        url,
+        pos,
+        id: refId.current
+      })(tr);
+      onRes === null || onRes === void 0 ? void 0 : onRes(tr, title);
+      view.dispatch(tr);
+    })();
+  }, [getPos, view, onRes]);
+  const onError = useCallback(data => {
+    const {
+      url,
+      err
+    } = data;
+    if (err) {
+      throw err;
+    }
+    onResolve({
+      url
+    });
+  }, [onResolve]);
+  const handleOnClick = useCallback((event, data) => {
+    if (event.metaKey || event.ctrlKey) {
+      var _pluginInjectionApi$a, _data$destinationUrl;
+      const {
+        actions: editorAnalyticsApi
+      } = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {};
+      visitCardLinkAnalytics(editorAnalyticsApi, INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
+      window.open(fg('platform_smartlink_xpc_url_wrapping') ? (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : url : url, '_blank');
+    } else {
+      // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
+      propsOnClick === null || propsOnClick === void 0 ? void 0 : propsOnClick(event);
+    }
+  }, [propsOnClick, url, view, pluginInjectionApi]);
+  const onClick = editorExperiment('platform_editor_controls', 'variant1') ? handleOnClick : propsOnClick;
+  const card = useMemo(() => {
+    if ((isPageSSRed || cardState && expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url) {
+      return /*#__PURE__*/React.createElement(CardSSR, {
+        key: url,
+        url: url,
+        appearance: "inline",
+        onClick: onClick,
+        container: scrollContainer,
+        onResolve: onResolve,
+        onError: onError,
+        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
+        actionOptions: actionOptions,
+        isHovered: isHovered,
+        showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
+        disablePreviewPanel: disablePreviewPanel,
+        hideIconLoadingSkeleton: true
+      });
+    }
+    return /*#__PURE__*/React.createElement(SmartCard, {
+      key: url,
+      url: url !== null && url !== void 0 ? url : data.url,
+      appearance: "inline",
+      onClick: onClick,
+      container: scrollContainer,
+      onResolve: onResolve,
+      onError: onError,
+      inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
+      actionOptions: actionOptions,
+      isHovered: isHovered,
+      showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
+      disablePreviewPanel: disablePreviewPanel
+    });
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel, cardState]);
+
+  // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
+  // otherwise if we got data, we can render the card directly since it doesn't need the Provider
+  return cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
+    value: cardContext.value
+  }, card) : data ? card : null;
+});

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -13,7 +13,7 @@ import { registerRemoveOverlay } from '../pm-plugins/actions';
 import { pluginKey } from '../pm-plugins/plugin-key';
 import { AwarenessWrapper } from '../ui/AwarenessWrapper';
 import { PreviewInvoker } from '../ui/preview/PreviewInvoker';
-import { InlineCard } from './inlineCard';
+import { InlineCard } from './inlineCardBase';
 const selector = states => {
   var _states$editorViewMod, _states$selectionStat;
   return {

package/dist/esm/nodeviews/inlineCard.js

@@ -1,160 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
-import rafSchedule from 'raf-schd';
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-import uuid from 'uuid/v4';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import React, { useEffect, useMemo } from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { UnsupportedInline, findOverflowScrollParent } from '@atlaskit/editor-common/ui';
+import { UnsupportedInline } from '@atlaskit/editor-common/ui';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Card as SmartCard } from '@atlaskit/smart-card';
-import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
-import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
 import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
-import { visitCardLinkAnalytics } from '../ui/toolbar';
 import { Card } from './genericCard';
 import { InlineCardWithAwareness } from './inlineCardWithAwareness';
-export var InlineCard = /*#__PURE__*/memo(function (_ref) {
-  var _cardContext$value;
-  var node = _ref.node,
-    cardContext = _ref.cardContext,
-    actionOptions = _ref.actionOptions,
-    useAlternativePreloader = _ref.useAlternativePreloader,
-    view = _ref.view,
-    getPos = _ref.getPos,
-    propsOnClick = _ref.onClick,
-    onRes = _ref.onResolve,
-    isHovered = _ref.isHovered,
-    showHoverPreview = _ref.showHoverPreview,
-    hoverPreviewOptions = _ref.hoverPreviewOptions,
-    isPageSSRed = _ref.isPageSSRed,
-    pluginInjectionApi = _ref.pluginInjectionApi,
-    disablePreviewPanel = _ref.disablePreviewPanel;
-  var _node$attrs = node.attrs,
-    url = _node$attrs.url,
-    data = _node$attrs.data;
-  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-  var refId = useRef(uuid());
-  var removeCardDispatched = useRef(false);
-  var _ref2 = (cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {},
-    getSmartlinkState = _ref2.getState;
-  var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
-  useEffect(function () {
-    var id = refId.current;
-    removeCardDispatched.current = false;
-    return function () {
-      if (expValEquals('platform_editor_inline_card_dispatch_guard', 'isEnabled', true) && removeCardDispatched.current) {
-        return;
-      }
-      removeCardDispatched.current = true;
-      var tr = view.state.tr;
-      removeCard({
-        id: id
-      })(tr);
-      view.dispatch(tr);
-    };
-  }, [getPos, view]);
-  var scrollContainer = useMemo(
-  // Ignored via go/ees005
-  // eslint-disable-next-line @atlaskit/editor/no-as-casting
-  function () {
-    return findOverflowScrollParent(view.dom) || undefined;
-  }, [view.dom]);
-  var onResolve = useCallback(function (data) {
-    if (!getPos || typeof getPos === 'boolean') {
-      return;
-    }
-    var title = data.title,
-      url = data.url;
-    // don't dispatch immediately since we might be in the middle of
-    // rendering a nodeview
-    rafSchedule(function () {
-      // prosemirror-bump-fix
-      var pos = getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      var tr = view.state.tr;
-      registerCard({
-        title: title,
-        url: url,
-        pos: pos,
-        id: refId.current
-      })(tr);
-      onRes === null || onRes === void 0 || onRes(tr, title);
-      view.dispatch(tr);
-    })();
-  }, [getPos, view, onRes]);
-  var onError = useCallback(function (data) {
-    var url = data.url,
-      err = data.err;
-    if (err) {
-      throw err;
-    }
-    onResolve({
-      url: url
-    });
-  }, [onResolve]);
-  var handleOnClick = useCallback(function (event, data) {
-    if (event.metaKey || event.ctrlKey) {
-      var _pluginInjectionApi$a, _data$destinationUrl;
-      var _ref3 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
-        editorAnalyticsApi = _ref3.actions;
-      visitCardLinkAnalytics(editorAnalyticsApi, INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
-      window.open(fg('platform_smartlink_xpc_url_wrapping') ? (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : url : url, '_blank');
-    } else {
-      // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
-      propsOnClick === null || propsOnClick === void 0 || propsOnClick(event);
-    }
-  }, [propsOnClick, url, view, pluginInjectionApi]);
-  var onClick = editorExperiment('platform_editor_controls', 'variant1') ? handleOnClick : propsOnClick;
-  var card = useMemo(function () {
-    if ((isPageSSRed || cardState && expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url) {
-      return /*#__PURE__*/React.createElement(CardSSR, {
-        key: url,
-        url: url,
-        appearance: "inline",
-        onClick: onClick,
-        container: scrollContainer,
-        onResolve: onResolve,
-        onError: onError,
-        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
-        actionOptions: actionOptions,
-        isHovered: isHovered,
-        showHoverPreview: showHoverPreview,
-        hoverPreviewOptions: hoverPreviewOptions,
-        disablePreviewPanel: disablePreviewPanel,
-        hideIconLoadingSkeleton: true
-      });
-    }
-    return /*#__PURE__*/React.createElement(SmartCard, {
-      key: url,
-      url: url !== null && url !== void 0 ? url : data.url,
-      appearance: "inline",
-      onClick: onClick,
-      container: scrollContainer,
-      onResolve: onResolve,
-      onError: onError,
-      inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
-      actionOptions: actionOptions,
-      isHovered: isHovered,
-      showHoverPreview: showHoverPreview,
-      hoverPreviewOptions: hoverPreviewOptions,
-      disablePreviewPanel: disablePreviewPanel
-    });
-  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel, cardState]);
-
-  // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
-  // otherwise if we got data, we can render the card directly since it doesn't need the Provider
-  return cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
-    value: cardContext.value
-  }, card) : data ? card : null;
-});
 var WrappedInlineCardWithAwareness = Card(InlineCardWithAwareness, UnsupportedInline);
 var selectorWithCard = function selectorWithCard(states) {
   var _states$editorViewMod, _states$cardState;
@@ -206,8 +61,8 @@ export function InlineCardNodeView(props) {
     if (expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true)) {
       // Refresh cache in the background
       provider === null || provider === void 0 || provider.then(function (providerInstance) {
-        var _refreshCache, _ref4;
-        (_refreshCache = (_ref4 = providerInstance).refreshCache) === null || _refreshCache === void 0 || _refreshCache.call(_ref4, props.node);
+        var _refreshCache, _ref;
+        (_refreshCache = (_ref = providerInstance).refreshCache) === null || _refreshCache === void 0 || _refreshCache.call(_ref, props.node);
       });
     }
   }, [provider, props.node]);
@@ -243,8 +98,8 @@ export function InlineCardNodeView(props) {
     isChangeboardTarget: isChangeboardTarget
   }, inlineCardContent));
 }
-export var inlineCardNodeView = function inlineCardNodeView(_ref5) {
-  var inlineCardViewProducer = _ref5.inlineCardViewProducer;
+export var inlineCardNodeView = function inlineCardNodeView(_ref2) {
+  var inlineCardViewProducer = _ref2.inlineCardViewProducer;
   return function (node, view, getPos, decorations) {
     return inlineCardViewProducer(node, view, getPos, decorations);
   };

package/dist/esm/nodeviews/inlineCardBase.js

@@ -0,0 +1,149 @@
+import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
+import rafSchedule from 'raf-schd';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+import uuid from 'uuid/v4';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Card as SmartCard } from '@atlaskit/smart-card';
+import { CardSSR } from '@atlaskit/smart-card/ssr';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { registerCard, removeCard } from '../pm-plugins/actions';
+import { visitCardLinkAnalytics } from '../ui/toolbar';
+export var InlineCard = /*#__PURE__*/memo(function (_ref) {
+  var _cardContext$value;
+  var node = _ref.node,
+    cardContext = _ref.cardContext,
+    actionOptions = _ref.actionOptions,
+    useAlternativePreloader = _ref.useAlternativePreloader,
+    view = _ref.view,
+    getPos = _ref.getPos,
+    propsOnClick = _ref.onClick,
+    onRes = _ref.onResolve,
+    isHovered = _ref.isHovered,
+    showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
+    isPageSSRed = _ref.isPageSSRed,
+    pluginInjectionApi = _ref.pluginInjectionApi,
+    disablePreviewPanel = _ref.disablePreviewPanel;
+  var _node$attrs = node.attrs,
+    url = _node$attrs.url,
+    data = _node$attrs.data;
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+  var refId = useRef(uuid());
+  var removeCardDispatched = useRef(false);
+  var _ref2 = (cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {},
+    getSmartlinkState = _ref2.getState;
+  var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
+  useEffect(function () {
+    var id = refId.current;
+    removeCardDispatched.current = false;
+    return function () {
+      if (expValEquals('platform_editor_inline_card_dispatch_guard', 'isEnabled', true) && removeCardDispatched.current) {
+        return;
+      }
+      removeCardDispatched.current = true;
+      var tr = view.state.tr;
+      removeCard({
+        id: id
+      })(tr);
+      view.dispatch(tr);
+    };
+  }, [getPos, view]);
+  var scrollContainer = useMemo(
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
+  function () {
+    return findOverflowScrollParent(view.dom) || undefined;
+  }, [view.dom]);
+  var onResolve = useCallback(function (data) {
+    if (!getPos || typeof getPos === 'boolean') {
+      return;
+    }
+    var title = data.title,
+      url = data.url;
+    // don't dispatch immediately since we might be in the middle of
+    // rendering a nodeview
+    rafSchedule(function () {
+      // prosemirror-bump-fix
+      var pos = getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
+      var tr = view.state.tr;
+      registerCard({
+        title: title,
+        url: url,
+        pos: pos,
+        id: refId.current
+      })(tr);
+      onRes === null || onRes === void 0 || onRes(tr, title);
+      view.dispatch(tr);
+    })();
+  }, [getPos, view, onRes]);
+  var onError = useCallback(function (data) {
+    var url = data.url,
+      err = data.err;
+    if (err) {
+      throw err;
+    }
+    onResolve({
+      url: url
+    });
+  }, [onResolve]);
+  var handleOnClick = useCallback(function (event, data) {
+    if (event.metaKey || event.ctrlKey) {
+      var _pluginInjectionApi$a, _data$destinationUrl;
+      var _ref3 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
+        editorAnalyticsApi = _ref3.actions;
+      visitCardLinkAnalytics(editorAnalyticsApi, INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
+      window.open(fg('platform_smartlink_xpc_url_wrapping') ? (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : url : url, '_blank');
+    } else {
+      // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
+      propsOnClick === null || propsOnClick === void 0 || propsOnClick(event);
+    }
+  }, [propsOnClick, url, view, pluginInjectionApi]);
+  var onClick = editorExperiment('platform_editor_controls', 'variant1') ? handleOnClick : propsOnClick;
+  var card = useMemo(function () {
+    if ((isPageSSRed || cardState && expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url) {
+      return /*#__PURE__*/React.createElement(CardSSR, {
+        key: url,
+        url: url,
+        appearance: "inline",
+        onClick: onClick,
+        container: scrollContainer,
+        onResolve: onResolve,
+        onError: onError,
+        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
+        actionOptions: actionOptions,
+        isHovered: isHovered,
+        showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
+        disablePreviewPanel: disablePreviewPanel,
+        hideIconLoadingSkeleton: true
+      });
+    }
+    return /*#__PURE__*/React.createElement(SmartCard, {
+      key: url,
+      url: url !== null && url !== void 0 ? url : data.url,
+      appearance: "inline",
+      onClick: onClick,
+      container: scrollContainer,
+      onResolve: onResolve,
+      onError: onError,
+      inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
+      actionOptions: actionOptions,
+      isHovered: isHovered,
+      showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
+      disablePreviewPanel: disablePreviewPanel
+    });
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel, cardState]);
+
+  // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
+  // otherwise if we got data, we can render the card directly since it doesn't need the Provider
+  return cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
+    value: cardContext.value
+  }, card) : data ? card : null;
+});

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -14,7 +14,7 @@ import { registerRemoveOverlay } from '../pm-plugins/actions';
 import { pluginKey } from '../pm-plugins/plugin-key';
 import { AwarenessWrapper } from '../ui/AwarenessWrapper';
 import { PreviewInvoker } from '../ui/preview/PreviewInvoker';
-import { InlineCard } from './inlineCard';
+import { InlineCard } from './inlineCardBase';
 var selector = function selector(states) {
   var _states$editorViewMod, _states$selectionStat;
   return {

package/dist/types/nodeviews/inlineCard.d.ts

@@ -4,7 +4,6 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import type { InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
-export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt' | 'provider' | 'intl' | 'smartCardContext'>;
 /**
  * Inline card node view component that renders a Smart Link inline card within the editor.

package/dist/types/nodeviews/inlineCardBase.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SmartCardProps } from './genericCard';
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "18.1.5",
+	"version": "18.1.6",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -56,10 +56,10 @@
 		"@atlaskit/menu": "^9.2.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
-		"@atlaskit/primitives": "^20.6.0",
+		"@atlaskit/primitives": "^21.0.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
 		"@atlaskit/smart-card": "^45.9.0",
-		"@atlaskit/tmp-editor-statsig": "^125.0.0",
+		"@atlaskit/tmp-editor-statsig": "^125.2.0",
 		"@atlaskit/tokens": "^15.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",