@atlaskit/editor-plugin-card 16.5.4 → 16.7.0

package/dist/es2019/nodeviews/embedCard.js

@@ -17,10 +17,12 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { EmbedResizeMessageListener, 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 { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
+import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
 import { BlockCardComponent } from './blockCard';
 import { Card } from './genericCard';
 
@@ -505,9 +507,14 @@ export class EmbedCard extends ReactNodeView {
       onClickCallback,
       CompetitorPrompt,
       isPageSSRed,
-      provider
+      provider,
+      intl,
+      smartCardContext
     } = this.reactComponentProps;
-    return /*#__PURE__*/React.createElement(WrappedEmbedCard, {
+    return /*#__PURE__*/React.createElement(SmartCardSSRReactContextsProvider, {
+      intl: intl,
+      smartCardContext: smartCardContext
+    }, /*#__PURE__*/React.createElement(WrappedEmbedCard, {
       node: this.node,
       view: this.view,
       eventDispatcher: eventDispatcher,
@@ -521,7 +528,7 @@ export class EmbedCard extends ReactNodeView {
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed,
       provider: provider
-    });
+    }));
   }
 
   /**
@@ -553,7 +560,9 @@ export const embedCardNodeView = ({
   onClickCallback,
   CompetitorPrompt,
   isPageSSRed,
-  provider
+  provider,
+  intl,
+  smartCardContext
 }) => (node, view, getPos) => {
   const {
     portalProviderAPI,
@@ -570,7 +579,9 @@ export const embedCardNodeView = ({
     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
   };
   return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps).init();
 };

package/dist/es2019/nodeviews/genericCard.js

@@ -6,7 +6,6 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
 import Link from '@atlaskit/link';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { changeSelectedCardToLinkFallback } from '../pm-plugins/doc';
 import { getPluginState } from '../pm-plugins/util/state';
 import { titleUrlPairFromNode } from '../pm-plugins/utils';
@@ -63,8 +62,7 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
       var _getPluginState;
       const {
         pluginInjectionApi,
-        onClickCallback,
-        smartCardContext
+        onClickCallback
       } = this.props;
       const {
         url
@@ -104,9 +102,7 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         url: url
       }, ({
         onClick
-      }) => /*#__PURE__*/React.createElement(WithCardContext, {
-        value: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
-      }, cardContext => /*#__PURE__*/React.createElement(SmartCardComponent, _extends({
+      }) => /*#__PURE__*/React.createElement(WithCardContext, null, cardContext => /*#__PURE__*/React.createElement(SmartCardComponent, _extends({
         key: url,
         cardContext: cardContext
         // Ignored via go/ees005

package/dist/es2019/nodeviews/inlineCard.js

@@ -15,6 +15,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
+import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
 import { visitCardLinkAnalytics } from '../ui/toolbar';
 import { Card } from './genericCard';
 import { InlineCardWithAwareness } from './inlineCardWithAwareness';
@@ -200,6 +201,7 @@ export function InlineCardNodeView(props) {
     isPageSSRed,
     provider,
     CompetitorPrompt,
+    intl,
     smartCardContext
   } = props;
   const {
@@ -238,17 +240,19 @@ export function InlineCardNodeView(props) {
     onClickCallback: onClickCallback,
     isPageSSRed: isPageSSRed,
     provider: provider,
-    appearance: "inline",
-    smartCardContext: 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 && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), CompetitorPromptComponent);
-  return /*#__PURE__*/React.createElement(SmartLinkDraggable, {
+  return /*#__PURE__*/React.createElement(SmartCardSSRReactContextsProvider, {
+    intl: intl,
+    smartCardContext: smartCardContext
+  }, /*#__PURE__*/React.createElement(SmartLinkDraggable, {
     url: url,
     appearance: SMART_LINK_APPEARANCE.INLINE,
     source: SMART_LINK_DRAG_TYPES.EDITOR,
     isChangeboardTarget: isChangeboardTarget
-  }, inlineCardContent);
+  }, inlineCardContent));
 }
 export const inlineCardNodeView = ({
   inlineCardViewProducer

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

@@ -176,6 +176,43 @@ export const handleFallbackWithAnalytics = (request, editorAnalyticsApi) => (sta
   }
   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.
+ */
+const collectLinkRequest = (requests, node, pos, options) => {
+  if (!node.isText) {
+    return true;
+  }
+  const linkMark = node.marks.find(mark => mark.type === options.linkMarkType);
+  if (linkMark) {
+    if (!shouldReplaceLink(node, options.normalizeLinkText)) {
+      return false;
+    }
+    requests.push({
+      url: linkMark.attrs.href,
+      pos,
+      appearance: options.appearance,
+      compareLinkText: options.normalizeLinkText,
+      source: options.source,
+      analyticsAction: options.analyticsAction,
+      sourceEvent: options.sourceEvent
+    });
+  }
+  return false;
+};
 export const queueCardsFromChangedTr = (state, tr, source, analyticsAction, normalizeLinkText = true, sourceEvent = undefined, appearance = 'inline') => {
   const {
     schema
@@ -184,27 +221,52 @@ export const queueCardsFromChangedTr = (state, tr, source, analyticsAction, norm
     link
   } = schema.marks;
   const requests = [];
-  nodesBetweenChanged(tr, (node, pos) => {
-    if (!node.isText) {
-      return true;
-    }
-    const linkMark = node.marks.find(mark => mark.type === link);
-    if (linkMark) {
-      if (!shouldReplaceLink(node, normalizeLinkText)) {
-        return false;
-      }
-      requests.push({
-        url: linkMark.attrs.href,
-        pos,
-        appearance,
-        compareLinkText: normalizeLinkText,
-        source,
-        analyticsAction,
-        sourceEvent
-      });
-    }
-    return false;
-  });
+  const options = {
+    analyticsAction,
+    appearance,
+    linkMarkType: link,
+    normalizeLinkText,
+    source,
+    sourceEvent
+  };
+  nodesBetweenChanged(tr, (node, pos) => collectLinkRequest(requests, node, pos, options));
+  if (analyticsAction) {
+    addLinkMetadata(state.selection, tr, {
+      action: analyticsAction
+    });
+  }
+  return 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.
+ */
+export const queueCardsFromRange = (state, tr, from, to, source, analyticsAction, normalizeLinkText = true, sourceEvent = undefined, appearance = 'inline') => {
+  const {
+    schema
+  } = state;
+  const {
+    link
+  } = schema.marks;
+  const requests = [];
+  const options = {
+    analyticsAction,
+    appearance,
+    linkMarkType: link,
+    normalizeLinkText,
+    source,
+    sourceEvent
+  };
+  const clampedFrom = Math.max(0, from);
+  const clampedTo = Math.min(tr.doc.content.size, to);
+  if (clampedFrom < clampedTo) {
+    tr.doc.nodesBetween(clampedFrom, clampedTo, (node, pos) => collectLinkRequest(requests, node, pos, options));
+  }
   if (analyticsAction) {
     addLinkMetadata(state.selection, tr, {
       action: analyticsAction

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

@@ -1,4 +1,5 @@
 import rafSchedule from 'raf-schd';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/styles';
@@ -49,10 +50,11 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
     onClickCallback,
     isPageSSRed,
     provider,
-    smartCardContext,
     CompetitorPrompt,
+    smartCardContext,
     embedCardTransformers
   } = options;
+  const intl = pmPluginFactoryParams.getIntl();
   const enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
   const inlineCardViewProducer = getInlineNodeViewProducer({
     pmPluginFactoryParams,
@@ -67,8 +69,9 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
       onClickCallback,
       isPageSSRed,
       provider,
-      smartCardContext: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined,
-      CompetitorPrompt
+      CompetitorPrompt: isSSR() && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? undefined : CompetitorPrompt,
+      intl: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+      smartCardContext: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
     }
   });
   return new SafePlugin({
@@ -272,7 +275,9 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           inlineCardViewProducer,
           isPageSSRed,
           provider,
-          CompetitorPrompt: options.CompetitorPrompt
+          CompetitorPrompt: isSSR() && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? undefined : options.CompetitorPrompt,
+          intl: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+          smartCardContext: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
         }),
         embedCard: lazyEmbedCardView({
           allowResizing,
@@ -283,7 +288,9 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           onClickCallback: options.onClickCallback,
           isPageSSRed,
           provider,
-          CompetitorPrompt: options.CompetitorPrompt
+          CompetitorPrompt: isSSR() && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? undefined : options.CompetitorPrompt,
+          intl: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+          smartCardContext: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
         })
       },
       ...(enableInlineUpgradeFeatures && {

package/dist/es2019/ui/SmartCardSSRReactContextsProvider.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { RawIntlProvider } from 'react-intl';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { SmartCardContext } from '@atlaskit/link-provider';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+export function SmartCardSSRReactContextsProvider({
+  smartCardContext,
+  children,
+  intl
+}) {
+  if (!expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) || !isSSR()) {
+    return children;
+  }
+  if (!intl || !smartCardContext) {
+    return children;
+  }
+  return /*#__PURE__*/React.createElement(RawIntlProvider, {
+    value: intl
+  }, /*#__PURE__*/React.createElement(SmartCardContext.Provider, {
+    value: smartCardContext
+  }, children));
+}

package/dist/es2019/ui/WithCardContext.js

@@ -1,19 +1,8 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useSmartCardContext } from '@atlaskit/link-provider';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const WithCardContext = ({
-  children,
-  value
+  children
 }) => {
   const cardContext = useSmartCardContext();
-  const cardContextWithValue = useMemo(() => {
-    if (!expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
-      return cardContext;
-    }
-    return value ? {
-      ...cardContext,
-      value
-    } : cardContext;
-  }, [value, cardContext]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children(cardContextWithValue));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children(cardContext));
 };

package/dist/esm/cardPlugin.js

@@ -14,7 +14,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 as _setProvider, showDatasourceModal } from './pm-plugins/actions';
-import { queueCardsFromChangedTr } from './pm-plugins/doc';
+import { queueCardsFromChangedTr, queueCardsFromRange as _queueCardsFromRange } from './pm-plugins/doc';
 import { cardKeymap } from './pm-plugins/keymap';
 import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
@@ -129,6 +129,19 @@ export var 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 _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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(providerPromise) {
@@ -148,8 +161,8 @@ export var 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 _setProvider(provider)(tr);
                 })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
               case 7:
@@ -165,6 +178,7 @@ export var cardPlugin = function cardPlugin(_ref) {
       }(),
       hideLinkToolbar: hideLinkToolbar,
       queueCardsFromChangedTr: queueCardsFromChangedTr,
+      queueCardsFromRange: _queueCardsFromRange,
       registerEmbedCardTransformer: function registerEmbedCardTransformer(transformers) {
         instanceEmbedCardTransformers = transformers;
       },
@@ -256,8 +270,8 @@ export var cardPlugin = function cardPlugin(_ref) {
     },
     pluginsOptions: {
       floatingToolbar: 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/esm/nodeviews/blockCard.js

@@ -20,9 +20,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 as _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
@@ -211,8 +213,13 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         onClickCallback = _this$reactComponentP3.onClickCallback,
         CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
         isPageSSRed = _this$reactComponentP3.isPageSSRed,
-        provider = _this$reactComponentP3.provider;
-      return /*#__PURE__*/React.createElement(WrappedBlockCard, {
+        provider = _this$reactComponentP3.provider,
+        intl = _this$reactComponentP3.intl,
+        smartCardContext = _this$reactComponentP3.smartCardContext;
+      return /*#__PURE__*/React.createElement(SmartCardSSRReactContextsProvider, {
+        intl: intl,
+        smartCardContext: smartCardContext
+      }, /*#__PURE__*/React.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
         getPos: this.getPos,
@@ -223,7 +230,7 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         CompetitorPrompt: CompetitorPrompt,
         isPageSSRed: isPageSSRed,
         provider: provider
-      });
+      }));
     }
 
     /**
@@ -260,7 +267,9 @@ export var blockCardNodeView = function blockCardNodeView(_ref3) {
     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;
@@ -270,7 +279,9 @@ export var blockCardNodeView = function blockCardNodeView(_ref3) {
       onClickCallback: onClickCallback,
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed,
-      provider: provider
+      provider: provider,
+      intl: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+      smartCardContext: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
     };
     var isDatasource = isDatasourceNode(node);
     if (isDatasource) {

package/dist/esm/nodeviews/embedCard.js

@@ -28,10 +28,12 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { EmbedResizeMessageListener, 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 { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerCard, removeCard as _removeCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
+import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
 import { BlockCardComponent } from './blockCard';
 import { Card } from './genericCard';
 
@@ -526,8 +528,13 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         onClickCallback = _this$reactComponentP3.onClickCallback,
         CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
         isPageSSRed = _this$reactComponentP3.isPageSSRed,
-        provider = _this$reactComponentP3.provider;
-      return /*#__PURE__*/React.createElement(WrappedEmbedCard, {
+        provider = _this$reactComponentP3.provider,
+        intl = _this$reactComponentP3.intl,
+        smartCardContext = _this$reactComponentP3.smartCardContext;
+      return /*#__PURE__*/React.createElement(SmartCardSSRReactContextsProvider, {
+        intl: intl,
+        smartCardContext: smartCardContext
+      }, /*#__PURE__*/React.createElement(WrappedEmbedCard, {
         node: this.node,
         view: this.view,
         eventDispatcher: eventDispatcher,
@@ -541,7 +548,7 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         CompetitorPrompt: CompetitorPrompt,
         isPageSSRed: isPageSSRed,
         provider: provider
-      });
+      }));
     }
 
     /**
@@ -578,7 +585,9 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
     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,
@@ -593,7 +602,9 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
       onClickCallback: onClickCallback,
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed,
-      provider: provider
+      provider: provider,
+      intl: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? intl : undefined,
+      smartCardContext: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
     };
     return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps).init();
   };

package/dist/esm/nodeviews/genericCard.js

@@ -13,7 +13,6 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
 import Link from '@atlaskit/link';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { changeSelectedCardToLinkFallback } from '../pm-plugins/doc';
 import { getPluginState } from '../pm-plugins/util/state';
 import { titleUrlPairFromNode } from '../pm-plugins/utils';
@@ -78,8 +77,7 @@ export 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 = titleUrlPairFromNode(this.props.node),
           url = _titleUrlPairFromNode.url;
         if (url && !isSafeUrl(url)) {
@@ -117,9 +115,7 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
           url: url
         }, function (_ref2) {
           var onClick = _ref2.onClick;
-          return /*#__PURE__*/React.createElement(WithCardContext, {
-            value: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined
-          }, function (cardContext) {
+          return /*#__PURE__*/React.createElement(WithCardContext, null, function (cardContext) {
             return /*#__PURE__*/React.createElement(SmartCardComponent, _extends({
               key: url,
               cardContext: cardContext

package/dist/esm/nodeviews/inlineCard.js

@@ -15,6 +15,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
+import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
 import { visitCardLinkAnalytics } from '../ui/toolbar';
 import { Card } from './genericCard';
 import { InlineCardWithAwareness } from './inlineCardWithAwareness';
@@ -191,6 +192,7 @@ export function InlineCardNodeView(props) {
     isPageSSRed = props.isPageSSRed,
     provider = props.provider,
     CompetitorPrompt = props.CompetitorPrompt,
+    intl = props.intl,
     smartCardContext = props.smartCardContext;
   var _useSharedPluginState = useSharedPluginStateWithSelector(pluginInjectionApi, expVal('cc_dnd_smart_link_changeboard_platform_css', 'isEnabled', false) && fg('cc_drag_and_drop_smart_link_from_content_to_tree') ? ['editorViewMode', 'card'] : ['editorViewMode'], expVal('cc_dnd_smart_link_changeboard_platform_css', 'isEnabled', false) && fg('cc_drag_and_drop_smart_link_from_content_to_tree') ? selectorWithCard : selectorWithoutCard),
     mode = _useSharedPluginState.mode,
@@ -227,17 +229,19 @@ export function InlineCardNodeView(props) {
     onClickCallback: onClickCallback,
     isPageSSRed: isPageSSRed,
     provider: provider,
-    appearance: "inline",
-    smartCardContext: 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 && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), CompetitorPromptComponent);
-  return /*#__PURE__*/React.createElement(SmartLinkDraggable, {
+  return /*#__PURE__*/React.createElement(SmartCardSSRReactContextsProvider, {
+    intl: intl,
+    smartCardContext: smartCardContext
+  }, /*#__PURE__*/React.createElement(SmartLinkDraggable, {
     url: url,
     appearance: SMART_LINK_APPEARANCE.INLINE,
     source: SMART_LINK_DRAG_TYPES.EDITOR,
     isChangeboardTarget: isChangeboardTarget
-  }, inlineCardContent);
+  }, inlineCardContent));
 }
 export var inlineCardNodeView = function inlineCardNodeView(_ref5) {
   var inlineCardViewProducer = _ref5.inlineCardViewProducer;