@atlaskit/editor-plugin-card 7.5.1 → 7.6.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-card
 
+## 7.6.0
+
+### Minor Changes
+
+- [`5763f85b421a2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5763f85b421a2) - -
+  The new method `getCacheStatusForNode` is added to `NodeDataProvider` class to get the cache
+  status for a given node.
+  - The `CardSSR` component will start supporting `hideIconLoadingSkeleton` property for any type of
+    smart card.
+
+### Patch Changes
+
+- [`a2cd8c46a3e94`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a2cd8c46a3e94) -
+  EDITOR-1442 Bump adf-schema
+- Updated dependencies
+
 ## 7.5.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -5,7 +5,9 @@ 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"));
@@ -15,6 +17,7 @@ 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 _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -26,6 +29,8 @@ 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
@@ -36,6 +41,9 @@ 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,
@@ -86,6 +94,46 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
   }
   (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();
@@ -126,7 +174,8 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
         onError: this.onError,
         platform: 'web',
         actionOptions: actionOptions,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        hideIconLoadingSkeleton: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && this.state.isSSRDataAvailable
       }), this.gapCursorSpan()) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
         key: url,
         url: url !== null && url !== void 0 ? url : data.url,
@@ -150,31 +199,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 _this2;
+    var _this3;
     (0, _classCallCheck2.default)(this, BlockCard);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this2 = _callSuper(this, BlockCard, [].concat(args));
-    (0, _defineProperty2.default)(_this2, "id", (0, _v.default)());
-    (0, _defineProperty2.default)(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
+    _this3 = _callSuper(this, BlockCard, [].concat(args));
+    (0, _defineProperty2.default)(_this3, "id", (0, _v.default)());
+    (0, _defineProperty2.default)(_this3, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
-    return _this2;
+    return _this3;
   }
   (0, _inherits2.default)(BlockCard, _ReactNodeView);
   return (0, _createClass2.default)(BlockCard, [{
     key: "createDomRef",
     value: function createDomRef() {
       var _this$reactComponentP,
-        _this3 = this,
+        _this4 = 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 (_ref2) {
-        var nextSharedState = _ref2.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 (_ref3) {
+        var nextSharedState = _ref3.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');
@@ -206,7 +255,8 @@ var BlockCard = exports.BlockCard = /*#__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.default.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
@@ -216,7 +266,8 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         onClickCallback: onClickCallback,
         id: this.id,
         CompetitorPrompt: CompetitorPrompt,
-        isPageSSRed: isPageSSRed
+        isPageSSRed: isPageSSRed,
+        provider: provider
       });
     }
   }, {
@@ -228,15 +279,16 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
 }(_reactNodeView.default);
-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;
+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;
   return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
@@ -245,7 +297,8 @@ var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_
       pluginInjectionApi: pluginInjectionApi,
       onClickCallback: onClickCallback,
       CompetitorPrompt: CompetitorPrompt,
-      isPageSSRed: isPageSSRed
+      isPageSSRed: isPageSSRed,
+      provider: provider
     };
     var isDatasource = (0, _utils2.isDatasourceNode)(node);
     if (isDatasource) {

package/dist/cjs/nodeviews/embedCard.js

@@ -5,7 +5,9 @@ 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"));
@@ -17,6 +19,7 @@ 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");
@@ -139,7 +142,8 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     (0, _defineProperty2.default)(_this, "embedIframeRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)(_this, "state", {
-      hasPreview: true
+      hasPreview: true,
+      isSSRDataAvailable: false
     });
     (0, _defineProperty2.default)(_this, "getPosSafely", function () {
       var getPos = _this.props.getPos;
@@ -282,6 +286,46 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
   }
   (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();
@@ -353,7 +397,8 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         container: this.scrollContainer,
         embedIframeRef: this.embedIframeRef,
         actionOptions: actionOptions,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        hideIconLoadingSkeleton: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && this.state.isSSRDataAvailable
       }) : /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
         key: url,
         url: url,
@@ -412,7 +457,8 @@ var EmbedOrBlockCardComponent = exports.EmbedOrBlockCardComponent = function Emb
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
     initialAspectRatio: props.initialAspectRatio,
-    isPageSSRed: props.isPageSSRed
+    isPageSSRed: props.isPageSSRed,
+    provider: props.provider
   }) : /*#__PURE__*/_react.default.createElement(EmbedCardComponent, {
     id: props.id,
     node: props.node,
@@ -431,7 +477,8 @@ var EmbedOrBlockCardComponent = exports.EmbedOrBlockCardComponent = function Emb
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
     initialAspectRatio: props.initialAspectRatio,
-    isPageSSRed: props.isPageSSRed
+    isPageSSRed: props.isPageSSRed,
+    provider: props.provider
   });
 };
 var WrappedEmbedCardWithCondition = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
@@ -440,17 +487,17 @@ var WrappedEmbedCardWithCondition = (0, _platformFeatureFlagsReact.componentWith
 var WrappedEmbedCard = (0, _genericCard.Card)(WrappedEmbedCardWithCondition, _ui.UnsupportedBlock);
 var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
   function EmbedCard() {
-    var _this2;
+    var _this3;
     (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)(_this2, "id", (0, _v.default)());
-    (0, _defineProperty2.default)(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
+    _this3 = _callSuper(this, EmbedCard, [].concat(args));
+    (0, _defineProperty2.default)(_this3, "id", (0, _v.default)());
+    (0, _defineProperty2.default)(_this3, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
-    return _this2;
+    return _this3;
   }
   (0, _inherits2.default)(EmbedCard, _ReactNodeView);
   return (0, _createClass2.default)(EmbedCard, [{
@@ -465,13 +512,13 @@ var EmbedCard = exports.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');
@@ -488,7 +535,8 @@ var EmbedCard = exports.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.default.createElement(WrappedEmbedCard, {
         node: this.node,
         view: this.view,
@@ -501,7 +549,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         onClickCallback: onClickCallback,
         id: this.id,
         CompetitorPrompt: CompetitorPrompt,
-        isPageSSRed: isPageSSRed
+        isPageSSRed: isPageSSRed,
+        provider: provider
       });
     }
   }, {
@@ -513,15 +562,16 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
 }(_reactNodeView.default);
-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;
+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;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,
@@ -535,7 +585,8 @@ var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_
       actionOptions: actionOptions,
       onClickCallback: onClickCallback,
       CompetitorPrompt: CompetitorPrompt,
-      isPageSSRed: isPageSSRed
+      isPageSSRed: isPageSSRed,
+      provider: provider
     };
     return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps).init();
   };

package/dist/cjs/nodeviews/inlineCard.js

@@ -8,16 +8,21 @@ 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");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
 var _ssr = require("@atlaskit/smart-card/ssr");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("../pm-plugins/actions");
 var _utils = require("../pm-plugins/utils");
@@ -38,6 +43,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
     showHoverPreview = _ref.showHoverPreview,
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     isPageSSRed = _ref.isPageSSRed,
+    provider = _ref.provider,
     pluginInjectionApi = _ref.pluginInjectionApi,
     disablePreviewPanel = _ref.disablePreviewPanel;
   var _node$attrs = node.attrs,
@@ -54,6 +60,42 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
       view.dispatch(tr);
     };
   }, [getPos, view]);
+  var _useState = (0, _react.useState)(false),
+    _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
@@ -98,8 +140,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 _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;
       (0, _toolbar.visitCardLinkAnalytics)(editorAnalyticsApi, _analytics.INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
       window.open(url, '_blank');
     } else {
@@ -125,7 +167,8 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
         isHovered: isHovered,
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
-        disablePreviewPanel: disablePreviewPanel
+        disablePreviewPanel: disablePreviewPanel,
+        hideIconLoadingSkeleton: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && isSSRDataAvailable
       });
     }
     return /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
@@ -143,7 +186,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]);
+  }, [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
@@ -188,6 +231,7 @@ 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;
@@ -205,13 +249,14 @@ 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 && (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(_ref3) {
-  var inlineCardViewProducer = _ref3.inlineCardViewProducer;
+var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref4) {
+  var inlineCardViewProducer = _ref4.inlineCardViewProducer;
   return function (node, view, getPos, decorations) {
     return inlineCardViewProducer(node, view, getPos, decorations);
   };

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -52,6 +52,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
     isOverlayEnabled = _ref.isOverlayEnabled,
     isSelected = _ref.isSelected,
     isPageSSRed = _ref.isPageSSRed,
+    provider = _ref.provider,
     appearance = _ref.appearance;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -116,10 +117,11 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
       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 = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react.default.createElement(_inlineCard.InlineCard, {
       node: node,
@@ -132,10 +134,11 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
       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 = (0, _react.useMemo)(function () {
     var shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
     return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') || (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
@@ -200,6 +203,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
             cardContext: cardContext,
             isHovered: isHovered,
             isPageSSRed: isPageSSRed,
+            provider: provider,
             pluginInjectionApi: pluginInjectionApi,
             showHoverPreview: mode === 'view' && showHoverPreview,
             disablePreviewPanel: true
@@ -216,6 +220,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
             cardContext: cardContext,
             isHovered: isHovered,
             isPageSSRed: isPageSSRed,
+            provider: provider,
             pluginInjectionApi: pluginInjectionApi,
             showHoverPreview: mode === 'view' && showHoverPreview
           });

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

@@ -54,6 +54,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
       allowBlockCards = options.allowBlockCards,
       onClickCallback = options.onClickCallback,
       isPageSSRed = options.isPageSSRed,
+      provider = options.provider,
       CompetitorPrompt = options.CompetitorPrompt;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
     var inlineCardViewProducer = (0, _reactNodeView.getInlineNodeViewProducer)({
@@ -68,6 +69,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         isPageSSRed: isPageSSRed,
+        provider: provider,
         CompetitorPrompt: CompetitorPrompt
       }
     });
@@ -196,7 +198,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
               // Find requests in this state that weren't in the old one.
               var newRequests = (0, _state2.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.
@@ -209,7 +211,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
                  */
                 var invoke = (0, _rafSchd.default)(function () {
                   var _pluginInjectionApi$a, _pluginInjectionApi$a2, _pluginInjectionApi$a3;
-                  return (0, _resolve.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 (0, _resolve.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();
@@ -236,6 +238,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
           inlineCard: (0, _lazyInlineCard.lazyInlineCardView)({
             inlineCardViewProducer: inlineCardViewProducer,
             isPageSSRed: isPageSSRed
+            // no need provider here, it's in the inlineCardViewProducer.extraComponentProps
           }),
           blockCard: (0, _lazyBlockCard.lazyBlockCardView)({
             pmPluginFactoryParams: pmPluginFactoryParams,
@@ -245,6 +248,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             allowDatasource: options.allowDatasource,
             inlineCardViewProducer: inlineCardViewProducer,
             isPageSSRed: isPageSSRed,
+            provider: provider,
             CompetitorPrompt: options.CompetitorPrompt
           }),
           embedCard: (0, _lazyEmbedCard.lazyEmbedCardView)({
@@ -255,6 +259,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             actionOptions: actionOptions,
             onClickCallback: options.onClickCallback,
             isPageSSRed: isPageSSRed,
+            provider: provider,
             CompetitorPrompt: options.CompetitorPrompt
           })
         }