@atlaskit/editor-plugin-card 11.4.1 → 11.4.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-card
 
+## 11.4.2
+
+### Patch Changes
+
+- [`57a9de1ebc5db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/57a9de1ebc5db) -
+  fix: remove unnecessary re-renders in smart card node views
+- Updated dependencies
+
 ## 11.4.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardNodeView = exports.BlockCardComponent = exports.BlockCard = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -17,7 +15,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _v = _interopRequireDefault(require("uuid/v4"));
-var _editorCardProvider = require("@atlaskit/editor-card-provider");
 var _browser = require("@atlaskit/editor-common/browser");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _ui = require("@atlaskit/editor-common/ui");
@@ -30,8 +27,6 @@ var _actions = require("../pm-plugins/actions");
 var _utils2 = require("../pm-plugins/utils");
 var _genericCard = require("./genericCard");
 function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -42,9 +37,6 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
     _this = _callSuper(this, BlockCardComponent, [props]);
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    (0, _defineProperty2.default)(_this, "state", {
-      isSSRDataAvailable: false
-    });
     (0, _defineProperty2.default)(_this, "onResolve", function (data) {
       var _this$props = _this.props,
         getPos = _this$props.getPos,
@@ -92,53 +84,10 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
       }
     });
     _this.scrollContainer = (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
-    _this.state = {
-      isSSRDataAvailable: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
-    };
     return _this;
   }
   (0, _inherits2.default)(BlockCardComponent, _React$PureComponent);
   return (0, _createClass2.default)(BlockCardComponent, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      if (!(0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true)) {
-        return;
-      }
-      var provider = this.props.provider;
-      if (!provider) {
-        return;
-      }
-      var updateSSRDataAvailability = /*#__PURE__*/function () {
-        var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-          var resolvedProvider;
-          return _regenerator.default.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.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 _ref2.apply(this, arguments);
-        };
-      }();
-      void updateSSRDataAvailability();
-    }
-  }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.removeCard();
@@ -169,7 +118,7 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
-      var cardInner = (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && this.state.isSSRDataAvailable && isPageSSRed ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
+      var cardInner = (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
         key: url,
         url: url !== null && url !== void 0 ? url : data.url,
         container: this.scrollContainer,
@@ -204,31 +153,31 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
 var WrappedBlockCard = (0, _genericCard.Card)(BlockCardComponent, _ui.UnsupportedBlock);
 var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   function BlockCard() {
-    var _this3;
+    var _this2;
     (0, _classCallCheck2.default)(this, BlockCard);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this3 = _callSuper(this, BlockCard, [].concat(args));
-    (0, _defineProperty2.default)(_this3, "id", (0, _v.default)());
-    (0, _defineProperty2.default)(_this3, "updateContentEditable", function (editorViewModeState, divElement) {
+    _this2 = _callSuper(this, BlockCard, [].concat(args));
+    (0, _defineProperty2.default)(_this2, "id", (0, _v.default)());
+    (0, _defineProperty2.default)(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
-    return _this3;
+    return _this2;
   }
   (0, _inherits2.default)(BlockCard, _ReactNodeView);
   return (0, _createClass2.default)(BlockCard, [{
     key: "createDomRef",
     value: function createDomRef() {
       var _this$reactComponentP,
-        _this4 = this,
+        _this3 = this,
         _this$reactComponentP2;
       var domRef = document.createElement('div');
       // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
       // see also: 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 _this4.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 (_ref2) {
+        var nextSharedState = _ref2.nextSharedState;
+        return _this3.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');
@@ -284,16 +233,16 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
 }(_reactNodeView.default);
-var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_ref4) {
-  var pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
-    actionOptions = _ref4.actionOptions,
-    pluginInjectionApi = _ref4.pluginInjectionApi,
-    onClickCallback = _ref4.onClickCallback,
-    allowDatasource = _ref4.allowDatasource,
-    inlineCardViewProducer = _ref4.inlineCardViewProducer,
-    CompetitorPrompt = _ref4.CompetitorPrompt,
-    isPageSSRed = _ref4.isPageSSRed,
-    provider = _ref4.provider;
+var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_ref3) {
+  var pmPluginFactoryParams = _ref3.pmPluginFactoryParams,
+    actionOptions = _ref3.actionOptions,
+    pluginInjectionApi = _ref3.pluginInjectionApi,
+    onClickCallback = _ref3.onClickCallback,
+    allowDatasource = _ref3.allowDatasource,
+    inlineCardViewProducer = _ref3.inlineCardViewProducer,
+    CompetitorPrompt = _ref3.CompetitorPrompt,
+    isPageSSRed = _ref3.isPageSSRed,
+    provider = _ref3.provider;
   return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;

package/dist/cjs/nodeviews/embedCard.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.embedCardNodeView = exports.EmbedOrBlockCardComponent = exports.EmbedCardComponent = exports.EmbedCard = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -19,7 +17,6 @@ var _react = _interopRequireDefault(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _v = _interopRequireDefault(require("uuid/v4"));
 var _steps = require("@atlaskit/adf-schema/steps");
-var _editorCardProvider = require("@atlaskit/editor-card-provider");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _ui = require("@atlaskit/editor-common/ui");
@@ -268,53 +265,12 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
     (0, _defineProperty2.default)(_this, "removeCardDispatched", false);
     _this.scrollContainer = (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
     _this.state = {
-      hasPreview: true,
-      isSSRDataAvailable: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
+      hasPreview: true
     };
     return _this;
   }
   (0, _inherits2.default)(EmbedCardComponent, _React$PureComponent);
   return (0, _createClass2.default)(EmbedCardComponent, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      if (!(0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true)) {
-        return;
-      }
-      var provider = this.props.provider;
-      if (!provider) {
-        return;
-      }
-      var updateSSRDataAvailability = /*#__PURE__*/function () {
-        var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-          var resolvedProvider;
-          return _regenerator.default.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.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();
@@ -373,7 +329,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         pctWidth: pctWidth,
         fullWidthMode: fullWidthMode
       };
-      var smartCard = (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && this.state.isSSRDataAvailable && isPageSSRed ? /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
+      var smartCard = (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
         key: url,
         url: url,
         appearance: "embed",
@@ -478,17 +434,17 @@ var WrappedEmbedCardWithCondition = (0, _platformFeatureFlagsReact.componentWith
 var WrappedEmbedCard = (0, _genericCard.Card)(WrappedEmbedCardWithCondition, _ui.UnsupportedBlock);
 var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
   function EmbedCard() {
-    var _this3;
+    var _this2;
     (0, _classCallCheck2.default)(this, EmbedCard);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this3 = _callSuper(this, EmbedCard, [].concat(args));
-    (0, _defineProperty2.default)(_this3, "id", (0, _v.default)());
-    (0, _defineProperty2.default)(_this3, "updateContentEditable", function (editorViewModeState, divElement) {
+    _this2 = _callSuper(this, EmbedCard, [].concat(args));
+    (0, _defineProperty2.default)(_this2, "id", (0, _v.default)());
+    (0, _defineProperty2.default)(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
-    return _this3;
+    return _this2;
   }
   (0, _inherits2.default)(EmbedCard, _ReactNodeView);
   return (0, _createClass2.default)(EmbedCard, [{
@@ -503,13 +459,13 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     key: "createDomRef",
     value: function createDomRef() {
       var _this$reactComponentP,
-        _this4 = this,
+        _this3 = 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 (_ref4) {
-        var nextSharedState = _ref4.nextSharedState;
-        return _this4.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 (_ref3) {
+        var nextSharedState = _ref3.nextSharedState;
+        return _this3.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');
@@ -553,16 +509,16 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
 }(_reactNodeView.default);
-var embedCardNodeView = exports.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;
+var embedCardNodeView = exports.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,
+    provider = _ref4.provider;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,

package/dist/cjs/nodeviews/inlineCard.js

@@ -8,14 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.InlineCard = void 0;
 exports.InlineCardNodeView = InlineCardNodeView;
 exports.inlineCardNodeView = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _v = _interopRequireDefault(require("uuid/v4"));
-var _editorCardProvider = require("@atlaskit/editor-card-provider");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
@@ -60,42 +56,6 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
       view.dispatch(tr);
     };
   }, [getPos, view]);
-  var _useState = (0, _react.useState)((0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isSSRDataAvailable = _useState2[0],
-    setIsSSRDataAvailable = _useState2[1];
-  (0, _react.useEffect)(function () {
-    if (!(0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true)) {
-      return;
-    }
-    if (!provider) {
-      return;
-    }
-    var updateSSRDataAvailability = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var resolvedProvider;
-        return _regenerator.default.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.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 = (0, _react.useMemo)(
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -140,8 +100,8 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
   var handleOnClick = (0, _react.useCallback)(function (event) {
     if (event.metaKey || event.ctrlKey) {
       var _pluginInjectionApi$a;
-      var _ref3 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
-        editorAnalyticsApi = _ref3.actions;
+      var _ref2 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
+        editorAnalyticsApi = _ref2.actions;
       (0, _toolbar.visitCardLinkAnalytics)(editorAnalyticsApi, _analytics.INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
       window.open(url, '_blank');
     } else {
@@ -151,10 +111,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
   }, [propsOnClick, url, view, pluginInjectionApi]);
   var onClick = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? handleOnClick : propsOnClick;
   var card = (0, _react.useMemo)(function () {
-    if (
-    // The `isSSRDataAvailable` check is only required when the OTP experiment is on,
-    // because inline smart card SSR is already implemented without OTP.
-    ((0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) ? isSSRDataAvailable : true) && isPageSSRed && url) {
+    if (isPageSSRed && url) {
       return /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
         key: url,
         url: url,
@@ -170,9 +127,8 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
         hoverPreviewOptions: hoverPreviewOptions,
         disablePreviewPanel: disablePreviewPanel
         // Durin `platform_editor_smart_card_otp` cleaning up, replace this with `true`.
-        // Ths `isSSRDataAvailable` should be checked in the `if` condition above.
         ,
-        hideIconLoadingSkeleton: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && isSSRDataAvailable
+        hideIconLoadingSkeleton: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true)
       });
     }
     return /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
@@ -190,7 +146,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
       hoverPreviewOptions: hoverPreviewOptions,
       disablePreviewPanel: disablePreviewPanel
     });
-  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel, isSSRDataAvailable]);
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel]);
 
   // [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
@@ -247,8 +203,8 @@ function InlineCardNodeView(props) {
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, enableInlineUpgradeFeatures && (0, _utils.getAwarenessProps)(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), (0, _platformFeatureFlags.fg)('prompt_whiteboard_competitor_link_gate') && CompetitorPromptComponent);
 }
-var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref4) {
-  var inlineCardViewProducer = _ref4.inlineCardViewProducer;
+var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref3) {
+  var inlineCardViewProducer = _ref3.inlineCardViewProducer;
   return function (node, view, getPos, decorations) {
     return inlineCardViewProducer(node, view, getPos, decorations);
   };

package/dist/es2019/nodeviews/blockCard.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import rafSchedule from 'raf-schd';
 import uuid from 'uuid/v4';
-import { EditorCardProvider } from '@atlaskit/editor-card-provider';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
@@ -14,15 +13,13 @@ import { Datasource } from '../nodeviews/datasource';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { isDatasourceNode } from '../pm-plugins/utils';
 import { Card } from './genericCard';
+
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class BlockCardComponent extends React.PureComponent {
   constructor(props) {
     super(props);
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    _defineProperty(this, "state", {
-      isSSRDataAvailable: false
-    });
     _defineProperty(this, "onResolve", data => {
       const {
         getPos,
@@ -74,28 +71,6 @@ export class BlockCardComponent extends React.PureComponent {
       }
     });
     this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
-    this.state = {
-      isSSRDataAvailable: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
-    };
-  }
-  componentDidMount() {
-    if (!expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
-      return;
-    }
-    const provider = this.props.provider;
-    if (!provider) {
-      return;
-    }
-    const updateSSRDataAvailability = async () => {
-      const resolvedProvider = await provider;
-      if (resolvedProvider instanceof EditorCardProvider) {
-        this.setState(state => ({
-          ...state,
-          isSSRDataAvailable: resolvedProvider.getCacheStatusForNode(this.props.node) === 'ssr'
-        }));
-      }
-    };
-    void updateSSRDataAvailability();
   }
   componentWillUnmount() {
     this.removeCard();
@@ -126,7 +101,7 @@ export class BlockCardComponent extends React.PureComponent {
       url,
       data
     } = node.attrs;
-    const cardInner = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && this.state.isSSRDataAvailable && isPageSSRed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
+    const cardInner = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
       key: url,
       url: url !== null && url !== void 0 ? url : data.url,
       container: this.scrollContainer,

package/dist/es2019/nodeviews/embedCard.js

@@ -4,7 +4,6 @@ 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 { 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';
@@ -260,29 +259,9 @@ export class EmbedCardComponent extends 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
+      hasPreview: true
     };
   }
-  componentDidMount() {
-    if (!expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
-      return;
-    }
-    const provider = this.props.provider;
-    if (!provider) {
-      return;
-    }
-    const updateSSRDataAvailability = async () => {
-      const resolvedProvider = await provider;
-      if (resolvedProvider instanceof EditorCardProvider) {
-        this.setState(state => ({
-          ...state,
-          isSSRDataAvailable: resolvedProvider.getCacheStatusForNode(this.props.node) === 'ssr'
-        }));
-      }
-    };
-    void updateSSRDataAvailability();
-  }
   componentWillUnmount() {
     this.removeCard();
   }
@@ -341,7 +320,7 @@ export class EmbedCardComponent extends React.PureComponent {
       pctWidth,
       fullWidthMode
     };
-    const smartCard = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && this.state.isSSRDataAvailable && isPageSSRed ? /*#__PURE__*/React.createElement(CardSSR, {
+    const smartCard = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/React.createElement(CardSSR, {
       key: url,
       url: url,
       appearance: "embed",

package/dist/es2019/nodeviews/inlineCard.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useRef } 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 { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { UnsupportedInline, findOverflowScrollParent } from '@atlaskit/editor-common/ui';
@@ -50,22 +49,6 @@ export const InlineCard = /*#__PURE__*/memo(({
       view.dispatch(tr);
     };
   }, [getPos, view]);
-  const [isSSRDataAvailable, setIsSSRDataAvailable] = useState(expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed);
-  useEffect(() => {
-    if (!expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
-      return;
-    }
-    if (!provider) {
-      return;
-    }
-    const updateSSRDataAvailability = async () => {
-      const resolvedProvider = await provider;
-      if (resolvedProvider instanceof EditorCardProvider) {
-        setIsSSRDataAvailable(resolvedProvider.getCacheStatusForNode(node) === 'ssr');
-      }
-    };
-    void updateSSRDataAvailability();
-  }, [provider, node]);
   const scrollContainer = useMemo(
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -124,10 +107,7 @@ export const InlineCard = /*#__PURE__*/memo(({
   }, [propsOnClick, url, view, pluginInjectionApi]);
   const onClick = editorExperiment('platform_editor_controls', 'variant1') ? handleOnClick : propsOnClick;
   const card = useMemo(() => {
-    if (
-    // The `isSSRDataAvailable` check is only required when the OTP experiment is on,
-    // because inline smart card SSR is already implemented without OTP.
-    (expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? isSSRDataAvailable : true) && isPageSSRed && url) {
+    if (isPageSSRed && url) {
       return /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url,
@@ -143,9 +123,8 @@ export const InlineCard = /*#__PURE__*/memo(({
         hoverPreviewOptions: hoverPreviewOptions,
         disablePreviewPanel: disablePreviewPanel
         // Durin `platform_editor_smart_card_otp` cleaning up, replace this with `true`.
-        // Ths `isSSRDataAvailable` should be checked in the `if` condition above.
         ,
-        hideIconLoadingSkeleton: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isSSRDataAvailable
+        hideIconLoadingSkeleton: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)
       });
     }
     return /*#__PURE__*/React.createElement(SmartCard, {
@@ -163,7 +142,7 @@ export const InlineCard = /*#__PURE__*/memo(({
       hoverPreviewOptions: hoverPreviewOptions,
       disablePreviewPanel: disablePreviewPanel
     });
-  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel, isSSRDataAvailable]);
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel]);
 
   // [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

package/dist/esm/nodeviews/blockCard.js

@@ -1,5 +1,4 @@
 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,15 +6,11 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import rafSchedule from 'raf-schd';
 import uuid from 'uuid/v4';
-import { EditorCardProvider } from '@atlaskit/editor-card-provider';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
@@ -27,6 +22,7 @@ import { Datasource } from '../nodeviews/datasource';
 import { registerCard, removeCard as _removeCard } from '../pm-plugins/actions';
 import { isDatasourceNode } from '../pm-plugins/utils';
 import { Card } from './genericCard';
+
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   function BlockCardComponent(props) {
@@ -35,9 +31,6 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     _this = _callSuper(this, BlockCardComponent, [props]);
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    _defineProperty(_this, "state", {
-      isSSRDataAvailable: false
-    });
     _defineProperty(_this, "onResolve", function (data) {
       var _this$props = _this.props,
         getPos = _this$props.getPos,
@@ -85,53 +78,10 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     _this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
-    _this.state = {
-      isSSRDataAvailable: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && props.isPageSSRed
-    };
     return _this;
   }
   _inherits(BlockCardComponent, _React$PureComponent);
   return _createClass(BlockCardComponent, [{
-    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 _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) {
-                  _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 _ref2.apply(this, arguments);
-        };
-      }();
-      void updateSSRDataAvailability();
-    }
-  }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.removeCard();
@@ -162,7 +112,7 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
-      var cardInner = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && this.state.isSSRDataAvailable && isPageSSRed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
+      var cardInner = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url !== null && url !== void 0 ? url : data.url,
         container: this.scrollContainer,
@@ -197,31 +147,31 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
 var WrappedBlockCard = Card(BlockCardComponent, UnsupportedBlock);
 export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   function BlockCard() {
-    var _this3;
+    var _this2;
     _classCallCheck(this, BlockCard);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this3 = _callSuper(this, BlockCard, [].concat(args));
-    _defineProperty(_this3, "id", uuid());
-    _defineProperty(_this3, "updateContentEditable", function (editorViewModeState, divElement) {
+    _this2 = _callSuper(this, BlockCard, [].concat(args));
+    _defineProperty(_this2, "id", uuid());
+    _defineProperty(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
-    return _this3;
+    return _this2;
   }
   _inherits(BlockCard, _ReactNodeView);
   return _createClass(BlockCard, [{
     key: "createDomRef",
     value: function createDomRef() {
       var _this$reactComponentP,
-        _this4 = this,
+        _this3 = this,
         _this$reactComponentP2;
       var domRef = document.createElement('div');
       // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
       // see also: 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 _this4.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 (_ref2) {
+        var nextSharedState = _ref2.nextSharedState;
+        return _this3.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');
@@ -277,16 +227,16 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
 }(ReactNodeView);
-export var blockCardNodeView = function blockCardNodeView(_ref4) {
-  var pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
-    actionOptions = _ref4.actionOptions,
-    pluginInjectionApi = _ref4.pluginInjectionApi,
-    onClickCallback = _ref4.onClickCallback,
-    allowDatasource = _ref4.allowDatasource,
-    inlineCardViewProducer = _ref4.inlineCardViewProducer,
-    CompetitorPrompt = _ref4.CompetitorPrompt,
-    isPageSSRed = _ref4.isPageSSRed,
-    provider = _ref4.provider;
+export var blockCardNodeView = function blockCardNodeView(_ref3) {
+  var pmPluginFactoryParams = _ref3.pmPluginFactoryParams,
+    actionOptions = _ref3.actionOptions,
+    pluginInjectionApi = _ref3.pluginInjectionApi,
+    onClickCallback = _ref3.onClickCallback,
+    allowDatasource = _ref3.allowDatasource,
+    inlineCardViewProducer = _ref3.inlineCardViewProducer,
+    CompetitorPrompt = _ref3.CompetitorPrompt,
+    isPageSSRed = _ref3.isPageSSRed,
+    provider = _ref3.provider;
   return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;

package/dist/esm/nodeviews/embedCard.js

@@ -1,5 +1,4 @@
 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";
@@ -8,7 +7,6 @@ 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)); }
@@ -17,7 +15,6 @@ 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 { 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';
@@ -261,53 +258,12 @@ 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
+      hasPreview: true
     };
     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();
@@ -366,7 +322,7 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         pctWidth: pctWidth,
         fullWidthMode: fullWidthMode
       };
-      var smartCard = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && this.state.isSSRDataAvailable && isPageSSRed ? /*#__PURE__*/React.createElement(CardSSR, {
+      var smartCard = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url,
         appearance: "embed",
@@ -471,17 +427,17 @@ var WrappedEmbedCardWithCondition = componentWithCondition(function () {
 var WrappedEmbedCard = Card(WrappedEmbedCardWithCondition, UnsupportedBlock);
 export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
   function EmbedCard() {
-    var _this3;
+    var _this2;
     _classCallCheck(this, EmbedCard);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this3 = _callSuper(this, EmbedCard, [].concat(args));
-    _defineProperty(_this3, "id", uuid());
-    _defineProperty(_this3, "updateContentEditable", function (editorViewModeState, divElement) {
+    _this2 = _callSuper(this, EmbedCard, [].concat(args));
+    _defineProperty(_this2, "id", uuid());
+    _defineProperty(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
-    return _this3;
+    return _this2;
   }
   _inherits(EmbedCard, _ReactNodeView);
   return _createClass(EmbedCard, [{
@@ -496,13 +452,13 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     key: "createDomRef",
     value: function createDomRef() {
       var _this$reactComponentP,
-        _this4 = this,
+        _this3 = 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 (_ref4) {
-        var nextSharedState = _ref4.nextSharedState;
-        return _this4.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 (_ref3) {
+        var nextSharedState = _ref3.nextSharedState;
+        return _this3.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');
@@ -546,16 +502,16 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
 }(ReactNodeView);
-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;
+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,
+    provider = _ref4.provider;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,

package/dist/esm/nodeviews/inlineCard.js

@@ -1,11 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-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 React, { memo, useCallback, useEffect, useMemo, useRef } 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 { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { UnsupportedInline, findOverflowScrollParent } from '@atlaskit/editor-common/ui';
@@ -49,42 +45,6 @@ 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
@@ -129,8 +89,8 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
   var handleOnClick = useCallback(function (event) {
     if (event.metaKey || event.ctrlKey) {
       var _pluginInjectionApi$a;
-      var _ref3 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
-        editorAnalyticsApi = _ref3.actions;
+      var _ref2 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
+        editorAnalyticsApi = _ref2.actions;
       visitCardLinkAnalytics(editorAnalyticsApi, INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
       window.open(url, '_blank');
     } else {
@@ -140,10 +100,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
   }, [propsOnClick, url, view, pluginInjectionApi]);
   var onClick = editorExperiment('platform_editor_controls', 'variant1') ? handleOnClick : propsOnClick;
   var card = useMemo(function () {
-    if (
-    // The `isSSRDataAvailable` check is only required when the OTP experiment is on,
-    // because inline smart card SSR is already implemented without OTP.
-    (expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? isSSRDataAvailable : true) && isPageSSRed && url) {
+    if (isPageSSRed && url) {
       return /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url,
@@ -159,9 +116,8 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
         hoverPreviewOptions: hoverPreviewOptions,
         disablePreviewPanel: disablePreviewPanel
         // Durin `platform_editor_smart_card_otp` cleaning up, replace this with `true`.
-        // Ths `isSSRDataAvailable` should be checked in the `if` condition above.
         ,
-        hideIconLoadingSkeleton: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isSSRDataAvailable
+        hideIconLoadingSkeleton: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)
       });
     }
     return /*#__PURE__*/React.createElement(SmartCard, {
@@ -179,7 +135,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, isSSRDataAvailable]);
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, disablePreviewPanel]);
 
   // [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
@@ -236,8 +192,8 @@ export function InlineCardNodeView(props) {
     // 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(_ref4) {
-  var inlineCardViewProducer = _ref4.inlineCardViewProducer;
+export var inlineCardNodeView = function inlineCardNodeView(_ref3) {
+  var inlineCardViewProducer = _ref3.inlineCardViewProducer;
   return function (node, view, getPos, decorations) {
     return inlineCardViewProducer(node, view, getPos, decorations);
   };

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

@@ -5,14 +5,10 @@ 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> {
+}, unknown> {
     private scrollContainer?;
-    state: State;
     constructor(props: SmartCardProps & {
         id?: string;
     });
@@ -20,7 +16,6 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
         title?: string;
         url?: string;
     }) => void;
-    componentDidMount(): void;
     componentWillUnmount(): void;
     private removeCardDispatched;
     private removeCard;
@@ -56,4 +51,3 @@ export interface BlockCardNodeViewProperties {
     provider: BlockCardNodeViewProps['provider'];
 }
 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,7 +9,6 @@ import type { SmartCardProps } from './genericCard';
 export type EmbedCardState = {
     hasPreview: boolean;
     initialAspectRatio?: number;
-    isSSRDataAvailable?: boolean;
     liveHeight?: number;
 };
 export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps & {
@@ -39,7 +38,6 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     onError: ({ err }: {
         err?: Error;
     }) => void;
-    componentDidMount(): void;
     componentWillUnmount(): void;
     private removeCardDispatched;
     private removeCard;

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

@@ -5,14 +5,10 @@ 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> {
+}, unknown> {
     private scrollContainer?;
-    state: State;
     constructor(props: SmartCardProps & {
         id?: string;
     });
@@ -20,7 +16,6 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
         title?: string;
         url?: string;
     }) => void;
-    componentDidMount(): void;
     componentWillUnmount(): void;
     private removeCardDispatched;
     private removeCard;
@@ -56,4 +51,3 @@ export interface BlockCardNodeViewProperties {
     provider: BlockCardNodeViewProps['provider'];
 }
 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,7 +9,6 @@ import type { SmartCardProps } from './genericCard';
 export type EmbedCardState = {
     hasPreview: boolean;
     initialAspectRatio?: number;
-    isSSRDataAvailable?: boolean;
     liveHeight?: number;
 };
 export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps & {
@@ -39,7 +38,6 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     onError: ({ err }: {
         err?: Error;
     }) => void;
-    componentDidMount(): void;
     componentWillUnmount(): void;
     private removeCardDispatched;
     private removeCard;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "11.4.1",
+	"version": "11.4.2",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -46,13 +46,13 @@
 		"@atlaskit/editor-plugin-toolbar": "^3.3.0",
 		"@atlaskit/editor-plugin-width": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.7.0",
+		"@atlaskit/editor-shared-styles": "^3.8.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-analytics": "^11.0.0",
 		"@atlaskit/link-client-extension": "^6.0.0",
-		"@atlaskit/link-datasource": "^4.26.0",
+		"@atlaskit/link-datasource": "^4.27.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/linking-common": "^9.7.0",
 		"@atlaskit/linking-types": "^14.1.0",
@@ -63,7 +63,7 @@
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/smart-card": "^43.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.13.0",
+		"@atlaskit/tmp-editor-statsig": "^13.15.0",
 		"@atlaskit/tokens": "^7.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -73,7 +73,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.14.0",
+		"@atlaskit/editor-common": "^110.15.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"