@atlaskit/editor-plugin-card 16.5.4 → 16.7.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-plugin-card
 
+## 16.7.0
+
+### Minor Changes
+
+- [`edd5d6d4c23ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/edd5d6d4c23ec) -
+  Add SSR streaming supporting to Editor starmt cards and extensions
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.6.0
+
+### Minor Changes
+
+- [`a94026f1bcd86`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a94026f1bcd86) -
+  [ux] fix: scope card queue to inserted range when inserting MAUI embed via Add to Doc
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.5.4
 
 ### Patch Changes

package/dist/cjs/cardPlugin.js

@@ -135,6 +135,19 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
         editorView: editorView
       }));
     },
+    commands: {
+      queueCardsFromRange: function queueCardsFromRange(from, to, source, analyticsAction, normalizeLinkText, sourceEvent, appearance) {
+        return function (_ref5) {
+          var tr = _ref5.tr;
+          return (0, _doc.queueCardsFromRange)(
+          // Synthesise the minimal EditorState shape the impl actually reads.
+          {
+            schema: tr.doc.type.schema,
+            selection: tr.selection
+          }, tr, from, to, source, analyticsAction, normalizeLinkText, sourceEvent, appearance);
+        };
+      }
+    },
     actions: {
       setProvider: function () {
         var _setProvider2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(providerPromise) {
@@ -154,8 +167,8 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
                 return _context.abrupt("return", false);
               case 5:
                 previousCardProvider = provider;
-                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref5) {
-                  var tr = _ref5.tr;
+                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref6) {
+                  var tr = _ref6.tr;
                   return (0, _actions.setProvider)(provider)(tr);
                 })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
               case 7:
@@ -171,6 +184,7 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
       }(),
       hideLinkToolbar: _actions.hideLinkToolbar,
       queueCardsFromChangedTr: _doc.queueCardsFromChangedTr,
+      queueCardsFromRange: _doc.queueCardsFromRange,
       registerEmbedCardTransformer: function registerEmbedCardTransformer(transformers) {
         instanceEmbedCardTransformers = transformers;
       },
@@ -262,8 +276,8 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
     },
     pluginsOptions: {
       floatingToolbar: (0, _toolbar.floatingToolbar)(options, (_options$lpLinkPicker = options.lpLinkPicker) !== null && _options$lpLinkPicker !== void 0 ? _options$lpLinkPicker : false, options.linkPicker, api, options.disableFloatingToolbar),
-      quickInsert: function quickInsert(_ref6) {
-        var formatMessage = _ref6.formatMessage;
+      quickInsert: function quickInsert(_ref7) {
+        var formatMessage = _ref7.formatMessage;
         var quickInsertArray = [];
         if (!options.allowDatasource) {
           return quickInsertArray;

package/dist/cjs/nodeviews/blockCard.js

@@ -23,9 +23,11 @@ var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable")
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
 var _ssr = require("@atlaskit/smart-card/ssr");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _datasource = require("../nodeviews/datasource");
 var _actions = require("../pm-plugins/actions");
 var _utils2 = require("../pm-plugins/utils");
+var _SmartCardSSRReactContextsProvider = require("../ui/SmartCardSSRReactContextsProvider");
 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 _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)); }
@@ -216,8 +218,13 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         onClickCallback = _this$reactComponentP3.onClickCallback,
         CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
         isPageSSRed = _this$reactComponentP3.isPageSSRed,
-        provider = _this$reactComponentP3.provider;
-      return /*#__PURE__*/_react.default.createElement(WrappedBlockCard, {
+        provider = _this$reactComponentP3.provider,
+        intl = _this$reactComponentP3.intl,
+        smartCardContext = _this$reactComponentP3.smartCardContext;
+      return /*#__PURE__*/_react.default.createElement(_SmartCardSSRReactContextsProvider.SmartCardSSRReactContextsProvider, {
+        intl: intl,
+        smartCardContext: smartCardContext
+      }, /*#__PURE__*/_react.default.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
         getPos: this.getPos,
@@ -228,7 +235,7 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         CompetitorPrompt: CompetitorPrompt,
         isPageSSRed: isPageSSRed,
         provider: provider
-      });
+      }));
     }
 
     /**
@@ -265,7 +272,9 @@ var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_
     inlineCardViewProducer = _ref3.inlineCardViewProducer,
     CompetitorPrompt = _ref3.CompetitorPrompt,
     isPageSSRed = _ref3.isPageSSRed,
-    provider = _ref3.provider;
+    provider = _ref3.provider,
+    intl = _ref3.intl,
+    smartCardContext = _ref3.smartCardContext;
   return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
@@ -275,7 +284,9 @@ var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_
       onClickCallback: onClickCallback,
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed,
-      provider: provider
+      provider: provider,
+      intl: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+      smartCardContext: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
     };
     var isDatasource = (0, _utils2.isDatasourceNode)(node);
     if (isDatasource) {

package/dist/cjs/nodeviews/embedCard.js

@@ -29,10 +29,12 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _smartCard = require("@atlaskit/smart-card");
 var _ssr = require("@atlaskit/smart-card/ssr");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("../pm-plugins/actions");
 var _ResizableEmbedCard = _interopRequireDefault(require("../ui/ResizableEmbedCard"));
+var _SmartCardSSRReactContextsProvider = require("../ui/SmartCardSSRReactContextsProvider");
 var _blockCard = require("./blockCard");
 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; }
@@ -531,8 +533,13 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         onClickCallback = _this$reactComponentP3.onClickCallback,
         CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
         isPageSSRed = _this$reactComponentP3.isPageSSRed,
-        provider = _this$reactComponentP3.provider;
-      return /*#__PURE__*/_react.default.createElement(WrappedEmbedCard, {
+        provider = _this$reactComponentP3.provider,
+        intl = _this$reactComponentP3.intl,
+        smartCardContext = _this$reactComponentP3.smartCardContext;
+      return /*#__PURE__*/_react.default.createElement(_SmartCardSSRReactContextsProvider.SmartCardSSRReactContextsProvider, {
+        intl: intl,
+        smartCardContext: smartCardContext
+      }, /*#__PURE__*/_react.default.createElement(WrappedEmbedCard, {
         node: this.node,
         view: this.view,
         eventDispatcher: eventDispatcher,
@@ -546,7 +553,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         CompetitorPrompt: CompetitorPrompt,
         isPageSSRed: isPageSSRed,
         provider: provider
-      });
+      }));
     }
 
     /**
@@ -583,7 +590,9 @@ var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_
     onClickCallback = _ref4.onClickCallback,
     CompetitorPrompt = _ref4.CompetitorPrompt,
     isPageSSRed = _ref4.isPageSSRed,
-    provider = _ref4.provider;
+    provider = _ref4.provider,
+    intl = _ref4.intl,
+    smartCardContext = _ref4.smartCardContext;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,
@@ -598,7 +607,9 @@ var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_
       onClickCallback: onClickCallback,
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed,
-      provider: provider
+      provider: provider,
+      intl: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+      smartCardContext: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
     };
     return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps).init();
   };

package/dist/cjs/nodeviews/genericCard.js

@@ -19,7 +19,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _utils = require("@atlaskit/editor-common/utils");
 var _link = _interopRequireDefault(require("@atlaskit/link"));
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _doc = require("../pm-plugins/doc");
 var _state = require("../pm-plugins/util/state");
 var _utils2 = require("../pm-plugins/utils");
@@ -87,8 +86,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
           _this2 = this;
         var _this$props = this.props,
           pluginInjectionApi = _this$props.pluginInjectionApi,
-          onClickCallback = _this$props.onClickCallback,
-          smartCardContext = _this$props.smartCardContext;
+          onClickCallback = _this$props.onClickCallback;
         var _titleUrlPairFromNode = (0, _utils2.titleUrlPairFromNode)(this.props.node),
           url = _titleUrlPairFromNode.url;
         if (url && !(0, _adfSchema.isSafeUrl)(url)) {
@@ -126,9 +124,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
           url: url
         }, function (_ref2) {
           var onClick = _ref2.onClick;
-          return /*#__PURE__*/_react.default.createElement(_WithCardContext.WithCardContext, {
-            value: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
-          }, function (cardContext) {
+          return /*#__PURE__*/_react.default.createElement(_WithCardContext.WithCardContext, null, function (cardContext) {
             return /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({
               key: url,
               cardContext: cardContext

package/dist/cjs/nodeviews/inlineCard.js

@@ -24,6 +24,7 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _actions = require("../pm-plugins/actions");
 var _utils = require("../pm-plugins/utils");
+var _SmartCardSSRReactContextsProvider = require("../ui/SmartCardSSRReactContextsProvider");
 var _toolbar = require("../ui/toolbar");
 var _genericCard = require("./genericCard");
 var _inlineCardWithAwareness = require("./inlineCardWithAwareness");
@@ -203,6 +204,7 @@ function InlineCardNodeView(props) {
     isPageSSRed = props.isPageSSRed,
     provider = props.provider,
     CompetitorPrompt = props.CompetitorPrompt,
+    intl = props.intl,
     smartCardContext = props.smartCardContext;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, (0, _expVal.expVal)('cc_dnd_smart_link_changeboard_platform_css', 'isEnabled', false) && (0, _platformFeatureFlags.fg)('cc_drag_and_drop_smart_link_from_content_to_tree') ? ['editorViewMode', 'card'] : ['editorViewMode'], (0, _expVal.expVal)('cc_dnd_smart_link_changeboard_platform_css', 'isEnabled', false) && (0, _platformFeatureFlags.fg)('cc_drag_and_drop_smart_link_from_content_to_tree') ? selectorWithCard : selectorWithoutCard),
     mode = _useSharedPluginState.mode,
@@ -239,17 +241,19 @@ function InlineCardNodeView(props) {
     onClickCallback: onClickCallback,
     isPageSSRed: isPageSSRed,
     provider: provider,
-    appearance: "inline",
-    smartCardContext: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
+    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'))), CompetitorPromptComponent);
-  return /*#__PURE__*/_react.default.createElement(_editorSmartLinkDraggable.SmartLinkDraggable, {
+  return /*#__PURE__*/_react.default.createElement(_SmartCardSSRReactContextsProvider.SmartCardSSRReactContextsProvider, {
+    intl: intl,
+    smartCardContext: smartCardContext
+  }, /*#__PURE__*/_react.default.createElement(_editorSmartLinkDraggable.SmartLinkDraggable, {
     url: url,
     appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
     source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.EDITOR,
     isChangeboardTarget: isChangeboardTarget
-  }, inlineCardContent);
+  }, inlineCardContent));
 }
 var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref5) {
   var inlineCardViewProducer = _ref5.inlineCardViewProducer;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateCardViaDatasource = exports.updateCard = exports.setSelectedCardAppearance = exports.replaceQueuedUrlWithCard = exports.queueCardsFromChangedTr = exports.queueCardFromChangedTr = exports.insertDatasource = exports.handleFallbackWithAnalytics = exports.getLinkNodeType = exports.getAttrsForAppearance = exports.convertHyperlinkToSmartCard = exports.changeSelectedCardToText = exports.changeSelectedCardToLinkFallback = exports.changeSelectedCardToLink = void 0;
+exports.updateCardViaDatasource = exports.updateCard = exports.setSelectedCardAppearance = exports.replaceQueuedUrlWithCard = exports.queueCardsFromRange = exports.queueCardsFromChangedTr = exports.queueCardFromChangedTr = exports.insertDatasource = exports.handleFallbackWithAnalytics = exports.getLinkNodeType = exports.getAttrsForAppearance = exports.convertHyperlinkToSmartCard = exports.changeSelectedCardToText = exports.changeSelectedCardToLinkFallback = exports.changeSelectedCardToLink = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -199,6 +199,45 @@ var handleFallbackWithAnalytics = exports.handleFallbackWithAnalytics = function
     return true;
   };
 };
+
+/**
+ * Shared options used by both `queueCardsFromChangedTr` and
+ * `queueCardsFromRange` to build smart-link resolution requests for text
+ * nodes carrying a `link` mark.
+ */
+
+/**
+ * Per-node walker shared by `queueCardsFromChangedTr` and
+ * `queueCardsFromRange`. Pushes a smart-link resolution request for every
+ * text node carrying a qualifying `link` mark.
+ *
+ * Returning `true`/`false` follows the ProseMirror `nodesBetween`/
+ * `nodesBetweenChanged` walker contract: `true` to descend into children,
+ * `false` to skip subtree.
+ */
+var collectLinkRequest = function collectLinkRequest(requests, node, pos, options) {
+  if (!node.isText) {
+    return true;
+  }
+  var linkMark = node.marks.find(function (mark) {
+    return mark.type === options.linkMarkType;
+  });
+  if (linkMark) {
+    if (!(0, _shouldReplaceLink.shouldReplaceLink)(node, options.normalizeLinkText)) {
+      return false;
+    }
+    requests.push({
+      url: linkMark.attrs.href,
+      pos: pos,
+      appearance: options.appearance,
+      compareLinkText: options.normalizeLinkText,
+      source: options.source,
+      analyticsAction: options.analyticsAction,
+      sourceEvent: options.sourceEvent
+    });
+  }
+  return false;
+};
 var queueCardsFromChangedTr = exports.queueCardsFromChangedTr = function queueCardsFromChangedTr(state, tr, source, analyticsAction) {
   var normalizeLinkText = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
   var sourceEvent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;
@@ -206,28 +245,16 @@ var queueCardsFromChangedTr = exports.queueCardsFromChangedTr = function queueCa
   var schema = state.schema;
   var link = schema.marks.link;
   var requests = [];
+  var options = {
+    analyticsAction: analyticsAction,
+    appearance: appearance,
+    linkMarkType: link,
+    normalizeLinkText: normalizeLinkText,
+    source: source,
+    sourceEvent: sourceEvent
+  };
   (0, _utils.nodesBetweenChanged)(tr, function (node, pos) {
-    if (!node.isText) {
-      return true;
-    }
-    var linkMark = node.marks.find(function (mark) {
-      return mark.type === link;
-    });
-    if (linkMark) {
-      if (!(0, _shouldReplaceLink.shouldReplaceLink)(node, normalizeLinkText)) {
-        return false;
-      }
-      requests.push({
-        url: linkMark.attrs.href,
-        pos: pos,
-        appearance: appearance,
-        compareLinkText: normalizeLinkText,
-        source: source,
-        analyticsAction: analyticsAction,
-        sourceEvent: sourceEvent
-      });
-    }
-    return false;
+    return collectLinkRequest(requests, node, pos, options);
   });
   if (analyticsAction) {
     (0, _card.addLinkMetadata)(state.selection, tr, {
@@ -236,6 +263,44 @@ var queueCardsFromChangedTr = exports.queueCardsFromChangedTr = function queueCa
   }
   return (0, _actions.queueCards)(requests)(tr);
 };
+
+/**
+ * Queue link-mark → smart-link resolution for text nodes within an explicit
+ * document range, rather than the entire step range of the transaction.
+ *
+ * Use this instead of `queueCardsFromChangedTr` when you know the exact range
+ * that was inserted/modified and want to avoid accidentally queuing pre-existing
+ * links that happen to fall within the broader step range.
+ */
+var queueCardsFromRange = exports.queueCardsFromRange = function queueCardsFromRange(state, tr, from, to, source, analyticsAction) {
+  var normalizeLinkText = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+  var sourceEvent = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : undefined;
+  var appearance = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 'inline';
+  var schema = state.schema;
+  var link = schema.marks.link;
+  var requests = [];
+  var options = {
+    analyticsAction: analyticsAction,
+    appearance: appearance,
+    linkMarkType: link,
+    normalizeLinkText: normalizeLinkText,
+    source: source,
+    sourceEvent: sourceEvent
+  };
+  var clampedFrom = Math.max(0, from);
+  var clampedTo = Math.min(tr.doc.content.size, to);
+  if (clampedFrom < clampedTo) {
+    tr.doc.nodesBetween(clampedFrom, clampedTo, function (node, pos) {
+      return collectLinkRequest(requests, node, pos, options);
+    });
+  }
+  if (analyticsAction) {
+    (0, _card.addLinkMetadata)(state.selection, tr, {
+      action: analyticsAction
+    });
+  }
+  return (0, _actions.queueCards)(requests)(tr);
+};
 var queueCardFromChangedTr = exports.queueCardFromChangedTr = function queueCardFromChangedTr(state, tr, source, analyticsAction) {
   var normalizeLinkText = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
   var sourceEvent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;

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

@@ -8,6 +8,7 @@ exports.createPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _styles = require("@atlaskit/editor-common/styles");
@@ -60,9 +61,10 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
       onClickCallback = options.onClickCallback,
       isPageSSRed = options.isPageSSRed,
       provider = options.provider,
-      smartCardContext = options.smartCardContext,
       CompetitorPrompt = options.CompetitorPrompt,
+      smartCardContext = options.smartCardContext,
       embedCardTransformers = options.embedCardTransformers;
+    var intl = pmPluginFactoryParams.getIntl();
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
     var inlineCardViewProducer = (0, _reactNodeView.getInlineNodeViewProducer)({
       pmPluginFactoryParams: pmPluginFactoryParams,
@@ -77,8 +79,9 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
         onClickCallback: onClickCallback,
         isPageSSRed: isPageSSRed,
         provider: provider,
-        smartCardContext: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: (0, _coreUtils.isSSR)() && (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? undefined : CompetitorPrompt,
+        intl: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+        smartCardContext: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
       }
     });
     return new _safePlugin.SafePlugin({
@@ -277,7 +280,9 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             inlineCardViewProducer: inlineCardViewProducer,
             isPageSSRed: isPageSSRed,
             provider: provider,
-            CompetitorPrompt: options.CompetitorPrompt
+            CompetitorPrompt: (0, _coreUtils.isSSR)() && (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? undefined : options.CompetitorPrompt,
+            intl: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+            smartCardContext: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
           }),
           embedCard: (0, _lazyEmbedCard.lazyEmbedCardView)({
             allowResizing: allowResizing,
@@ -288,7 +293,9 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             onClickCallback: options.onClickCallback,
             isPageSSRed: isPageSSRed,
             provider: provider,
-            CompetitorPrompt: options.CompetitorPrompt
+            CompetitorPrompt: (0, _coreUtils.isSSR)() && (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? undefined : options.CompetitorPrompt,
+            intl: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+            smartCardContext: (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
           })
         }
       }, enableInlineUpgradeFeatures && {

package/dist/cjs/ui/SmartCardSSRReactContextsProvider.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SmartCardSSRReactContextsProvider = SmartCardSSRReactContextsProvider;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _linkProvider = require("@atlaskit/link-provider");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+function SmartCardSSRReactContextsProvider(_ref) {
+  var smartCardContext = _ref.smartCardContext,
+    children = _ref.children,
+    intl = _ref.intl;
+  if (!(0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) || !(0, _coreUtils.isSSR)()) {
+    return children;
+  }
+  if (!intl || !smartCardContext) {
+    return children;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactIntl.RawIntlProvider, {
+    value: intl
+  }, /*#__PURE__*/_react.default.createElement(_linkProvider.SmartCardContext.Provider, {
+    value: smartCardContext
+  }, children));
+}

package/dist/cjs/ui/WithCardContext.js

@@ -1,29 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WithCardContext = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _linkProvider = require("@atlaskit/link-provider");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-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; }
 var WithCardContext = exports.WithCardContext = function WithCardContext(_ref) {
-  var children = _ref.children,
-    value = _ref.value;
+  var children = _ref.children;
   var cardContext = (0, _linkProvider.useSmartCardContext)();
-  var cardContextWithValue = (0, _react.useMemo)(function () {
-    if (!(0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
-      return cardContext;
-    }
-    return value ? _objectSpread(_objectSpread({}, cardContext), {}, {
-      value: value
-    }) : cardContext;
-  }, [value, cardContext]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children(cardContextWithValue));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children(cardContext));
 };

package/dist/es2019/cardPlugin.js

@@ -8,7 +8,7 @@ import { blockCardSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/blockCard';
 import { embedCardSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/embedCard';
 import { inlineCardSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/inlineCard';
 import { hideLinkToolbar, setProvider, showDatasourceModal } from './pm-plugins/actions';
-import { queueCardsFromChangedTr } from './pm-plugins/doc';
+import { queueCardsFromChangedTr, queueCardsFromRange } from './pm-plugins/doc';
 import { cardKeymap } from './pm-plugins/keymap';
 import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
@@ -133,6 +133,16 @@ export const cardPlugin = ({
         editorView: editorView
       }));
     },
+    commands: {
+      queueCardsFromRange: (from, to, source, analyticsAction, normalizeLinkText, sourceEvent, appearance) => ({
+        tr
+      }) => queueCardsFromRange(
+      // Synthesise the minimal EditorState shape the impl actually reads.
+      {
+        schema: tr.doc.type.schema,
+        selection: tr.selection
+      }, tr, from, to, source, analyticsAction, normalizeLinkText, sourceEvent, appearance)
+    },
     actions: {
       setProvider: async providerPromise => {
         var _api$core$actions$exe;
@@ -148,6 +158,7 @@ export const cardPlugin = ({
       },
       hideLinkToolbar,
       queueCardsFromChangedTr,
+      queueCardsFromRange,
       registerEmbedCardTransformer: transformers => {
         instanceEmbedCardTransformers = transformers;
       },

package/dist/es2019/nodeviews/blockCard.js

@@ -11,9 +11,11 @@ import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Datasource } from '../nodeviews/datasource';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { isDatasourceNode } from '../pm-plugins/utils';
+import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
 import { Card } from './genericCard';
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -180,9 +182,14 @@ export class BlockCard extends ReactNodeView {
       onClickCallback,
       CompetitorPrompt,
       isPageSSRed,
-      provider
+      provider,
+      intl,
+      smartCardContext
     } = this.reactComponentProps;
-    return /*#__PURE__*/React.createElement(WrappedBlockCard, {
+    return /*#__PURE__*/React.createElement(SmartCardSSRReactContextsProvider, {
+      intl: intl,
+      smartCardContext: smartCardContext
+    }, /*#__PURE__*/React.createElement(WrappedBlockCard, {
       node: this.node,
       view: this.view,
       getPos: this.getPos,
@@ -193,7 +200,7 @@ export class BlockCard extends ReactNodeView {
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed,
       provider: provider
-    });
+    }));
   }
 
   /**
@@ -225,7 +232,9 @@ export const blockCardNodeView = ({
   inlineCardViewProducer,
   CompetitorPrompt,
   isPageSSRed,
-  provider
+  provider,
+  intl,
+  smartCardContext
 }) => (node, view, getPos, decorations) => {
   const {
     portalProviderAPI,
@@ -237,7 +246,9 @@ export const blockCardNodeView = ({
     onClickCallback: onClickCallback,
     CompetitorPrompt,
     isPageSSRed,
-    provider
+    provider,
+    intl: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+    smartCardContext: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
   };
   const isDatasource = isDatasourceNode(node);
   if (isDatasource) {