@atlaskit/editor-plugin-card 7.5.1 → 7.7.0

package/dist/esm/nodeviews/embedCard.js

@@ -1,4 +1,5 @@
 import _get from "@babel/runtime/helpers/get";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -7,6 +8,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -15,6 +17,7 @@ import React from 'react';
 import rafSchedule from 'raf-schd';
 import uuid from 'uuid/v4';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
+import { EditorCardProvider } from '@atlaskit/editor-card-provider';
 import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, MediaSingle as RichMediaWrapper, UnsupportedBlock } from '@atlaskit/editor-common/ui';
@@ -131,9 +134,6 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     _defineProperty(_this, "embedIframeRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "state", {
-      hasPreview: true
-    });
     _defineProperty(_this, "getPosSafely", function () {
       var getPos = _this.props.getPos;
       if (!getPos || typeof getPos === 'boolean') {
@@ -271,10 +271,54 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_this, "removeCardDispatched", false);
     _this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
+    _this.state = {
+      hasPreview: true,
+      isSSRDataAvailable: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
+    };
     return _this;
   }
   _inherits(EmbedCardComponent, _React$PureComponent);
   return _createClass(EmbedCardComponent, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      if (!expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
+        return;
+      }
+      var provider = this.props.provider;
+      if (!provider) {
+        return;
+      }
+      var updateSSRDataAvailability = /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+          var resolvedProvider;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return provider;
+              case 2:
+                resolvedProvider = _context.sent;
+                if (resolvedProvider instanceof EditorCardProvider) {
+                  _this2.setState(function (state) {
+                    return _objectSpread(_objectSpread({}, state), {}, {
+                      isSSRDataAvailable: resolvedProvider.getCacheStatusForNode(_this2.props.node) === 'ssr'
+                    });
+                  });
+                }
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function updateSSRDataAvailability() {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+      void updateSSRDataAvailability();
+    }
+  }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.removeCard();
@@ -346,7 +390,8 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         container: this.scrollContainer,
         embedIframeRef: this.embedIframeRef,
         actionOptions: actionOptions,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        hideIconLoadingSkeleton: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && this.state.isSSRDataAvailable
       }) : /*#__PURE__*/React.createElement(SmartCard, {
         key: url,
         url: url,
@@ -405,7 +450,8 @@ export var EmbedOrBlockCardComponent = function EmbedOrBlockCardComponent(props)
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
     initialAspectRatio: props.initialAspectRatio,
-    isPageSSRed: props.isPageSSRed
+    isPageSSRed: props.isPageSSRed,
+    provider: props.provider
   }) : /*#__PURE__*/React.createElement(EmbedCardComponent, {
     id: props.id,
     node: props.node,
@@ -424,7 +470,8 @@ export var EmbedOrBlockCardComponent = function EmbedOrBlockCardComponent(props)
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
     initialAspectRatio: props.initialAspectRatio,
-    isPageSSRed: props.isPageSSRed
+    isPageSSRed: props.isPageSSRed,
+    provider: props.provider
   });
 };
 var WrappedEmbedCardWithCondition = componentWithCondition(function () {
@@ -433,17 +480,17 @@ var WrappedEmbedCardWithCondition = componentWithCondition(function () {
 var WrappedEmbedCard = Card(WrappedEmbedCardWithCondition, UnsupportedBlock);
 export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
   function EmbedCard() {
-    var _this2;
+    var _this3;
     _classCallCheck(this, EmbedCard);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this2 = _callSuper(this, EmbedCard, [].concat(args));
-    _defineProperty(_this2, "id", uuid());
-    _defineProperty(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
+    _this3 = _callSuper(this, EmbedCard, [].concat(args));
+    _defineProperty(_this3, "id", uuid());
+    _defineProperty(_this3, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
-    return _this2;
+    return _this3;
   }
   _inherits(EmbedCard, _ReactNodeView);
   return _createClass(EmbedCard, [{
@@ -458,13 +505,13 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     key: "createDomRef",
     value: function createDomRef() {
       var _this$reactComponentP,
-        _this3 = this,
+        _this4 = this,
         _this$reactComponentP2;
       var domRef = document.createElement('div');
       // It is a tradeoff for the bug mentioned that occurs in Chrome: https://product-fabric.atlassian.net/browse/ED-5379, https://github.com/ProseMirror/prosemirror/issues/884
-      this.unsubscribe = (_this$reactComponentP = this.reactComponentProps.pluginInjectionApi) === null || _this$reactComponentP === void 0 || (_this$reactComponentP = _this$reactComponentP.editorViewMode) === null || _this$reactComponentP === void 0 ? void 0 : _this$reactComponentP.sharedState.onChange(function (_ref3) {
-        var nextSharedState = _ref3.nextSharedState;
-        return _this3.updateContentEditable(nextSharedState, domRef);
+      this.unsubscribe = (_this$reactComponentP = this.reactComponentProps.pluginInjectionApi) === null || _this$reactComponentP === void 0 || (_this$reactComponentP = _this$reactComponentP.editorViewMode) === null || _this$reactComponentP === void 0 ? void 0 : _this$reactComponentP.sharedState.onChange(function (_ref4) {
+        var nextSharedState = _ref4.nextSharedState;
+        return _this4.updateContentEditable(nextSharedState, domRef);
       });
       this.updateContentEditable((_this$reactComponentP2 = this.reactComponentProps.pluginInjectionApi) === null || _this$reactComponentP2 === void 0 || (_this$reactComponentP2 = _this$reactComponentP2.editorViewMode) === null || _this$reactComponentP2 === void 0 ? void 0 : _this$reactComponentP2.sharedState.currentState(), domRef);
       domRef.setAttribute('spellcheck', 'false');
@@ -481,7 +528,8 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         pluginInjectionApi = _this$reactComponentP3.pluginInjectionApi,
         onClickCallback = _this$reactComponentP3.onClickCallback,
         CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
-        isPageSSRed = _this$reactComponentP3.isPageSSRed;
+        isPageSSRed = _this$reactComponentP3.isPageSSRed,
+        provider = _this$reactComponentP3.provider;
       return /*#__PURE__*/React.createElement(WrappedEmbedCard, {
         node: this.node,
         view: this.view,
@@ -494,7 +542,8 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         onClickCallback: onClickCallback,
         id: this.id,
         CompetitorPrompt: CompetitorPrompt,
-        isPageSSRed: isPageSSRed
+        isPageSSRed: isPageSSRed,
+        provider: provider
       });
     }
   }, {
@@ -506,15 +555,16 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
 }(ReactNodeView);
-export var embedCardNodeView = function embedCardNodeView(_ref4) {
-  var allowResizing = _ref4.allowResizing,
-    fullWidthMode = _ref4.fullWidthMode,
-    pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
-    pluginInjectionApi = _ref4.pluginInjectionApi,
-    actionOptions = _ref4.actionOptions,
-    onClickCallback = _ref4.onClickCallback,
-    CompetitorPrompt = _ref4.CompetitorPrompt,
-    isPageSSRed = _ref4.isPageSSRed;
+export var embedCardNodeView = function embedCardNodeView(_ref5) {
+  var allowResizing = _ref5.allowResizing,
+    fullWidthMode = _ref5.fullWidthMode,
+    pmPluginFactoryParams = _ref5.pmPluginFactoryParams,
+    pluginInjectionApi = _ref5.pluginInjectionApi,
+    actionOptions = _ref5.actionOptions,
+    onClickCallback = _ref5.onClickCallback,
+    CompetitorPrompt = _ref5.CompetitorPrompt,
+    isPageSSRed = _ref5.isPageSSRed,
+    provider = _ref5.provider;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,
@@ -528,7 +578,8 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
       actionOptions: actionOptions,
       onClickCallback: onClickCallback,
       CompetitorPrompt: CompetitorPrompt,
-      isPageSSRed: isPageSSRed
+      isPageSSRed: isPageSSRed,
+      provider: provider
     };
     return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps).init();
   };

package/dist/esm/nodeviews/inlineCard.js

@@ -1,13 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import rafSchedule from 'raf-schd';
 import uuid from 'uuid/v4';
+import { EditorCardProvider } from '@atlaskit/editor-card-provider';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { UnsupportedInline, 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 { getAwarenessProps } from '../pm-plugins/utils';
@@ -27,6 +32,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
     showHoverPreview = _ref.showHoverPreview,
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     isPageSSRed = _ref.isPageSSRed,
+    provider = _ref.provider,
     pluginInjectionApi = _ref.pluginInjectionApi,
     disablePreviewPanel = _ref.disablePreviewPanel;
   var _node$attrs = node.attrs,
@@ -43,6 +49,42 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
       view.dispatch(tr);
     };
   }, [getPos, view]);
+  var _useState = useState(expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSSRDataAvailable = _useState2[0],
+    setIsSSRDataAvailable = _useState2[1];
+  useEffect(function () {
+    if (!expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
+      return;
+    }
+    if (!provider) {
+      return;
+    }
+    var updateSSRDataAvailability = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var resolvedProvider;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return provider;
+            case 2:
+              resolvedProvider = _context.sent;
+              if (resolvedProvider instanceof EditorCardProvider) {
+                setIsSSRDataAvailable(resolvedProvider.getCacheStatusForNode(node) === 'ssr');
+              }
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function updateSSRDataAvailability() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    void updateSSRDataAvailability();
+  }, [provider, node]);
   var scrollContainer = useMemo(
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -87,8 +129,8 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
   var handleOnClick = useCallback(function (event) {
     if (event.metaKey || event.ctrlKey) {
       var _pluginInjectionApi$a;
-      var _ref2 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
-        editorAnalyticsApi = _ref2.actions;
+      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(url, '_blank');
     } else {
@@ -114,7 +156,8 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
         isHovered: isHovered,
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
-        disablePreviewPanel: disablePreviewPanel
+        disablePreviewPanel: disablePreviewPanel,
+        hideIconLoadingSkeleton: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isSSRDataAvailable
       });
     }
     return /*#__PURE__*/React.createElement(SmartCard, {
@@ -132,7 +175,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
       hoverPreviewOptions: hoverPreviewOptions,
       disablePreviewPanel: disablePreviewPanel
     });
-  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel]);
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel, isSSRDataAvailable]);
 
   // [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
@@ -177,6 +220,7 @@ export function InlineCardNodeView(props) {
     pluginInjectionApi = props.pluginInjectionApi,
     onClickCallback = props.onClickCallback,
     isPageSSRed = props.isPageSSRed,
+    provider = props.provider,
     CompetitorPrompt = props.CompetitorPrompt;
   var _useSharedState = useSharedState(pluginInjectionApi),
     mode = _useSharedState.mode;
@@ -194,13 +238,14 @@ export function InlineCardNodeView(props) {
     pluginInjectionApi: pluginInjectionApi,
     onClickCallback: onClickCallback,
     isPageSSRed: isPageSSRed,
+    provider: provider,
     appearance: "inline"
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), fg('prompt_whiteboard_competitor_link_gate') && CompetitorPromptComponent);
 }
-export var inlineCardNodeView = function inlineCardNodeView(_ref3) {
-  var inlineCardViewProducer = _ref3.inlineCardViewProducer;
+export var inlineCardNodeView = function inlineCardNodeView(_ref4) {
+  var inlineCardViewProducer = _ref4.inlineCardViewProducer;
   return function (node, view, getPos, decorations) {
     return inlineCardViewProducer(node, view, getPos, decorations);
   };

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -43,6 +43,7 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
     isOverlayEnabled = _ref.isOverlayEnabled,
     isSelected = _ref.isSelected,
     isPageSSRed = _ref.isPageSSRed,
+    provider = _ref.provider,
     appearance = _ref.appearance;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -107,10 +108,11 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
       cardContext: cardContext,
       isHovered: isHovered,
       isPageSSRed: isPageSSRed,
+      provider: provider,
       pluginInjectionApi: pluginInjectionApi,
       disablePreviewPanel: true
     }));
-  }, [isResolvedViewRendered, node, editorAppearance, view, getPos, useAlternativePreloader, actionOptions, onResolve, onClick, cardContext, isHovered, isPageSSRed, pluginInjectionApi]);
+  }, [isResolvedViewRendered, node, editorAppearance, view, getPos, useAlternativePreloader, actionOptions, onResolve, onClick, cardContext, isHovered, isPageSSRed, provider, pluginInjectionApi]);
   var innerCardOriginal = useMemo(function () {
     return /*#__PURE__*/React.createElement(InlineCard, {
       node: node,
@@ -123,10 +125,11 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
       cardContext: cardContext,
       isHovered: isHovered,
       isPageSSRed: isPageSSRed,
+      provider: provider,
       pluginInjectionApi: pluginInjectionApi,
       showHoverPreview: false
     });
-  }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, pluginInjectionApi]);
+  }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, provider, pluginInjectionApi]);
   var shouldShowOpenButtonOverlay = useMemo(function () {
     var shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
     return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
@@ -191,6 +194,7 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
             cardContext: cardContext,
             isHovered: isHovered,
             isPageSSRed: isPageSSRed,
+            provider: provider,
             pluginInjectionApi: pluginInjectionApi,
             showHoverPreview: mode === 'view' && showHoverPreview,
             disablePreviewPanel: true
@@ -207,6 +211,7 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
             cardContext: cardContext,
             isHovered: isHovered,
             isPageSSRed: isPageSSRed,
+            provider: provider,
             pluginInjectionApi: pluginInjectionApi,
             showHoverPreview: mode === 'view' && showHoverPreview
           });

package/dist/esm/pm-plugins/main.js

@@ -47,6 +47,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
       allowBlockCards = options.allowBlockCards,
       onClickCallback = options.onClickCallback,
       isPageSSRed = options.isPageSSRed,
+      provider = options.provider,
       CompetitorPrompt = options.CompetitorPrompt;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
     var inlineCardViewProducer = getInlineNodeViewProducer({
@@ -61,6 +62,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         isPageSSRed: isPageSSRed,
+        provider: provider,
         CompetitorPrompt: CompetitorPrompt
       }
     });
@@ -189,7 +191,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
               // Find requests in this state that weren't in the old one.
               var newRequests = getNewRequests(oldState, currentState);
               // Ask the CardProvider to resolve all new requests.
-              var provider = currentState.provider;
+              var _provider = currentState.provider;
               newRequests.forEach(function (request) {
                 /**
                  * Queue each asynchronous resolve request on separate frames.
@@ -202,7 +204,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
                  */
                 var invoke = rafSchedule(function () {
                   var _pluginInjectionApi$a, _pluginInjectionApi$a2, _pluginInjectionApi$a3;
-                  return resolveWithProvider(view, provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined);
+                  return resolveWithProvider(view, _provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined);
                 });
                 rafCancellationCallbacks.push(invoke.cancel);
                 invoke();
@@ -229,6 +231,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
           inlineCard: lazyInlineCardView({
             inlineCardViewProducer: inlineCardViewProducer,
             isPageSSRed: isPageSSRed
+            // no need provider here, it's in the inlineCardViewProducer.extraComponentProps
           }),
           blockCard: lazyBlockCardView({
             pmPluginFactoryParams: pmPluginFactoryParams,
@@ -238,6 +241,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             allowDatasource: options.allowDatasource,
             inlineCardViewProducer: inlineCardViewProducer,
             isPageSSRed: isPageSSRed,
+            provider: provider,
             CompetitorPrompt: options.CompetitorPrompt
           }),
           embedCard: lazyEmbedCardView({
@@ -248,6 +252,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             actionOptions: actionOptions,
             onClickCallback: options.onClickCallback,
             isPageSSRed: isPageSSRed,
+            provider: provider,
             CompetitorPrompt: options.CompetitorPrompt
           })
         }

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

@@ -5,10 +5,14 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView } from '@atlaskit/editor-prosemirror/view';
 import { Datasource } from '../nodeviews/datasource';
 import type { SmartCardProps } from './genericCard';
+interface State {
+    isSSRDataAvailable?: boolean;
+}
 export declare class BlockCardComponent extends React.PureComponent<SmartCardProps & {
     id?: string;
-}> {
+}, State> {
     private scrollContainer?;
+    state: State;
     constructor(props: SmartCardProps & {
         id?: string;
     });
@@ -16,6 +20,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
         title?: string;
         url?: string;
     }) => void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     private removeCardDispatched;
     private removeCard;
@@ -25,7 +30,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): React.JSX.Element;
 }
-export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt'>;
+export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -48,5 +53,7 @@ export interface BlockCardNodeViewProperties {
     onClickCallback: BlockCardNodeViewProps['onClickCallback'];
     pluginInjectionApi: BlockCardNodeViewProps['pluginInjectionApi'];
     pmPluginFactoryParams: PMPluginFactoryParams;
+    provider: BlockCardNodeViewProps['provider'];
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, provider, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export {};

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

@@ -9,6 +9,7 @@ import type { SmartCardProps } from './genericCard';
 export type EmbedCardState = {
     hasPreview: boolean;
     initialAspectRatio?: number;
+    isSSRDataAvailable?: boolean;
     liveHeight?: number;
 };
 export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps & {
@@ -38,13 +39,14 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     onError: ({ err }: {
         err?: Error;
     }) => void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     private removeCardDispatched;
     private removeCard;
     render(): React.JSX.Element;
 }
 export declare const EmbedOrBlockCardComponent: (props: ComponentProps<typeof EmbedCardComponent>) => React.JSX.Element;
-export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt'>;
+export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -63,5 +65,6 @@ export interface EmbedCardNodeViewProperties {
     onClickCallback: EmbedCardNodeViewProps['onClickCallback'];
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
     pmPluginFactoryParams: PMPluginFactoryParams;
+    provider: EmbedCardNodeViewProps['provider'];
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, provider, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

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

@@ -3,7 +3,7 @@ import React from 'react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { OnClickCallback } from '@atlaskit/editor-common/card';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
 import type { ReactComponentProps, getPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
@@ -51,6 +51,7 @@ export interface SmartCardProps extends CardProps {
     onClick?: EventHandler<MouseEvent | KeyboardEvent> | undefined;
     onResolve?: (tr: Transaction, title?: string) => void;
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
+    provider?: Providers['cardProvider'];
 }
 /**
  *

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

@@ -4,8 +4,8 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } 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: propsOnClick, onResolve: onRes, 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'>;
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick: propsOnClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, provider, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
+export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt' | 'provider'>;
 /**
  *
  * @param props

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

@@ -5,4 +5,4 @@ export type InlineCardWithAwarenessProps = {
     isPulseEnabled?: boolean;
     isSelected?: boolean;
 };
-export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, isPageSSRed, appearance, }: SmartCardProps & InlineCardWithAwarenessProps) => React.JSX.Element>;
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, isPageSSRed, provider, appearance, }: SmartCardProps & InlineCardWithAwarenessProps) => React.JSX.Element>;

package/dist/types-ts4.5/nodeviews/blockCard.d.ts

@@ -5,10 +5,14 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView } from '@atlaskit/editor-prosemirror/view';
 import { Datasource } from '../nodeviews/datasource';
 import type { SmartCardProps } from './genericCard';
+interface State {
+    isSSRDataAvailable?: boolean;
+}
 export declare class BlockCardComponent extends React.PureComponent<SmartCardProps & {
     id?: string;
-}> {
+}, State> {
     private scrollContainer?;
+    state: State;
     constructor(props: SmartCardProps & {
         id?: string;
     });
@@ -16,6 +20,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
         title?: string;
         url?: string;
     }) => void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     private removeCardDispatched;
     private removeCard;
@@ -25,7 +30,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): React.JSX.Element;
 }
-export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt'>;
+export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -48,5 +53,7 @@ export interface BlockCardNodeViewProperties {
     onClickCallback: BlockCardNodeViewProps['onClickCallback'];
     pluginInjectionApi: BlockCardNodeViewProps['pluginInjectionApi'];
     pmPluginFactoryParams: PMPluginFactoryParams;
+    provider: BlockCardNodeViewProps['provider'];
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, provider, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export {};

package/dist/types-ts4.5/nodeviews/embedCard.d.ts

@@ -9,6 +9,7 @@ import type { SmartCardProps } from './genericCard';
 export type EmbedCardState = {
     hasPreview: boolean;
     initialAspectRatio?: number;
+    isSSRDataAvailable?: boolean;
     liveHeight?: number;
 };
 export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps & {
@@ -38,13 +39,14 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     onError: ({ err }: {
         err?: Error;
     }) => void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     private removeCardDispatched;
     private removeCard;
     render(): React.JSX.Element;
 }
 export declare const EmbedOrBlockCardComponent: (props: ComponentProps<typeof EmbedCardComponent>) => React.JSX.Element;
-export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt'>;
+export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -63,5 +65,6 @@ export interface EmbedCardNodeViewProperties {
     onClickCallback: EmbedCardNodeViewProps['onClickCallback'];
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
     pmPluginFactoryParams: PMPluginFactoryParams;
+    provider: EmbedCardNodeViewProps['provider'];
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, provider, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;