@atlaskit/editor-plugin-card 16.5.4 → 16.7.0

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

@@ -193,6 +193,45 @@ export var handleFallbackWithAnalytics = function handleFallbackWithAnalytics(re
     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 (!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;
+};
 export var 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;
@@ -200,28 +239,16 @@ export var queueCardsFromChangedTr = function queueCardsFromChangedTr(state, tr,
   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
+  };
   nodesBetweenChanged(tr, function (node, pos) {
-    if (!node.isText) {
-      return true;
-    }
-    var linkMark = node.marks.find(function (mark) {
-      return mark.type === link;
-    });
-    if (linkMark) {
-      if (!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) {
     addLinkMetadata(state.selection, tr, {
@@ -230,6 +257,44 @@ export var queueCardsFromChangedTr = function queueCardsFromChangedTr(state, tr,
   }
   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 var 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) {
+    addLinkMetadata(state.selection, tr, {
+      action: analyticsAction
+    });
+  }
+  return queueCards(requests)(tr);
+};
 export var 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/esm/pm-plugins/main.js

@@ -3,6 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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';
@@ -53,9 +54,10 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
       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 = getInlineNodeViewProducer({
       pmPluginFactoryParams: pmPluginFactoryParams,
@@ -70,8 +72,9 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
         onClickCallback: onClickCallback,
         isPageSSRed: isPageSSRed,
         provider: provider,
-        smartCardContext: expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? smartCardContext : undefined,
-        CompetitorPrompt: 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({
@@ -270,7 +273,9 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             inlineCardViewProducer: inlineCardViewProducer,
             isPageSSRed: isPageSSRed,
             provider: 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: allowResizing,
@@ -281,7 +286,9 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             onClickCallback: options.onClickCallback,
             isPageSSRed: isPageSSRed,
             provider: 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/esm/ui/SmartCardSSRReactContextsProvider.js

@@ -0,0 +1,21 @@
+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(_ref) {
+  var smartCardContext = _ref.smartCardContext,
+    children = _ref.children,
+    intl = _ref.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/esm/ui/WithCardContext.js

@@ -1,20 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 var WithCardContext = function WithCardContext(_ref) {
-  var children = _ref.children,
-    value = _ref.value;
+  var children = _ref.children;
   var cardContext = useSmartCardContext();
-  var cardContextWithValue = useMemo(function () {
-    if (!expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
-      return cardContext;
-    }
-    return value ? _objectSpread(_objectSpread({}, cardContext), {}, {
-      value: value
-    }) : cardContext;
-  }, [value, cardContext]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children(cardContextWithValue));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children(cardContext));
 };

package/dist/types/cardPluginType.d.ts

@@ -1,6 +1,8 @@
-import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { CardPluginActions } from '@atlaskit/editor-common/card';
-import type { NextEditorPlugin, OptionalPlugin, Command } from '@atlaskit/editor-common/types';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { CardPluginActions, CardReplacementInputMethod } from '@atlaskit/editor-common/card';
+import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import type { Command, EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { InlineCommentPluginState } from '@atlaskit/editor-plugin-annotation';
 import type { BasePlugin } from '@atlaskit/editor-plugin-base';
@@ -38,6 +40,10 @@ export type CardPluginDependencies = [
 ];
 export type CardPlugin = NextEditorPlugin<'card', {
     actions: CardPluginActions;
+    commands: {
+        /** EditorCommand form of `queueCardsFromRange`. Prefer over the action. */
+        queueCardsFromRange: (from: number, to: number, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null, appearance?: CardAppearance) => EditorCommand;
+    };
     dependencies: CardPluginDependencies;
     pluginConfiguration: CardPluginOptions | undefined;
     sharedState: CardPluginState | null;

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

@@ -1,9 +1,11 @@
 import React from 'react';
+import type { IntlShape } from 'react-intl';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { CardContext } from '@atlaskit/link-provider';
 import { Datasource } from '../nodeviews/datasource';
 import type { SmartCardProps } from './genericCard';
 export declare class BlockCardComponent extends React.PureComponent<SmartCardProps & {
@@ -26,7 +28,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): React.JSX.Element;
 }
-export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt'>;
+export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt' | 'intl' | 'smartCardContext'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -51,10 +53,12 @@ export interface BlockCardNodeViewProperties {
         sourceUrl: string;
     }>;
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
+    intl?: IntlShape;
     isPageSSRed: BlockCardNodeViewProps['isPageSSRed'];
     onClickCallback: BlockCardNodeViewProps['onClickCallback'];
     pluginInjectionApi: BlockCardNodeViewProps['pluginInjectionApi'];
     pmPluginFactoryParams: PMPluginFactoryParams;
     provider: BlockCardNodeViewProps['provider'];
+    smartCardContext?: CardContext;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, provider, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => BlockCard | Datasource | NodeView;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, provider, intl, smartCardContext, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => BlockCard | Datasource | NodeView;

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

@@ -1,10 +1,12 @@
 import React from 'react';
 import type { ComponentProps } from 'react';
+import type { IntlShape } from 'react-intl';
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CardContext } from '@atlaskit/link-provider';
 import type { cardPlugin } from '../index';
 import type { SmartCardProps } from './genericCard';
 /**
@@ -68,7 +70,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     render(): React.JSX.Element;
 }
 export declare const EmbedOrBlockCardComponent: (props: ComponentProps<typeof EmbedCardComponent>) => React.JSX.Element;
-export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt'>;
+export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt' | 'intl' | 'smartCardContext'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -89,10 +91,12 @@ export interface EmbedCardNodeViewProperties {
     allowResizing: EmbedCardNodeViewProps['allowResizing'];
     CompetitorPrompt?: EmbedCardNodeViewProps['CompetitorPrompt'];
     fullWidthMode: EmbedCardNodeViewProps['fullWidthMode'];
+    intl?: IntlShape;
     isPageSSRed: EmbedCardNodeViewProps['isPageSSRed'];
     onClickCallback: EmbedCardNodeViewProps['onClickCallback'];
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
     pmPluginFactoryParams: PMPluginFactoryParams;
     provider: EmbedCardNodeViewProps['provider'];
+    smartCardContext?: CardContext;
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, provider, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, provider, intl, smartCardContext, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

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

@@ -1,5 +1,6 @@
 import type { EventHandler, KeyboardEvent, MouseEvent } from 'react';
 import React from 'react';
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { OnClickCallback } from '@atlaskit/editor-common/card';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -33,7 +34,6 @@ export interface CardProps extends CardNodeViewProps {
     onClickCallback?: OnClickCallback;
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     showHoverPreview?: BaseCardProps['showHoverPreview'];
-    smartCardContext?: CardContext;
     useAlternativePreloader?: boolean;
     view: EditorView;
 }
@@ -47,12 +47,14 @@ export interface SmartCardProps extends CardProps {
     }>;
     disablePreviewPanel?: BaseCardProps['disablePreviewPanel'];
     enableInlineUpgradeFeatures?: boolean;
+    intl?: IntlShape;
     isHovered?: boolean;
     isPageSSRed?: boolean;
     onClick?: EventHandler<MouseEvent | KeyboardEvent> | undefined;
     onResolve?: (tr: Transaction, title?: string) => void;
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     provider?: Providers['cardProvider'];
+    smartCardContext?: CardContext;
 }
 /**
  *

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

@@ -5,7 +5,7 @@ import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemir
 import type { SmartCardProps } from './genericCard';
 import type { InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
-export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt' | 'provider' | 'smartCardContext'>;
+export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt' | 'provider' | 'intl' | 'smartCardContext'>;
 /**
  * Inline card node view component that renders a Smart Link inline card within the editor.
  *

package/dist/types/pm-plugins/doc.d.ts

@@ -12,6 +12,15 @@ import type { Request } from '../types';
 export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent, embedCardNodeTransformer?: EmbedCardNodeTransformer) => Command;
 export declare const handleFallbackWithAnalytics: (request: Request, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const queueCardsFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;
+/**
+ * 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 declare const queueCardsFromRange: (state: EditorState, tr: Transaction, from: number, to: number, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;
 export declare const queueCardFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, previousAppearance?: CardAppearance | "url") => Transaction;
 export declare const convertHyperlinkToSmartCard: (state: EditorState, source: CardReplacementInputMethod, appearance: CardAppearance, normalizeLinkText?: boolean) => Transaction;
 export declare const changeSelectedCardToLink: (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;

package/dist/types/ui/SmartCardSSRReactContextsProvider.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+import { type IntlShape } from 'react-intl';
+import { type CardContext } from '@atlaskit/link-provider';
+interface Props {
+    children: ReactNode;
+    intl: IntlShape | undefined;
+    smartCardContext: CardContext | undefined;
+}
+export declare function SmartCardSSRReactContextsProvider({ smartCardContext, children, intl, }: Props): ReactNode;
+export {};

package/dist/types/ui/WithCardContext.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
 import { useSmartCardContext } from '@atlaskit/link-provider';
-import type { CardContext } from '@atlaskit/link-provider';
-export declare const WithCardContext: ({ children, value, }: {
+export declare const WithCardContext: ({ children, }: {
     children: (cardContext: ReturnType<typeof useSmartCardContext>) => React.ReactNode;
-    value?: CardContext;
 }) => React.JSX.Element;

package/dist/types-ts4.5/cardPluginType.d.ts

@@ -1,6 +1,8 @@
-import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { CardPluginActions } from '@atlaskit/editor-common/card';
-import type { NextEditorPlugin, OptionalPlugin, Command } from '@atlaskit/editor-common/types';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { CardPluginActions, CardReplacementInputMethod } from '@atlaskit/editor-common/card';
+import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import type { Command, EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { InlineCommentPluginState } from '@atlaskit/editor-plugin-annotation';
 import type { BasePlugin } from '@atlaskit/editor-plugin-base';
@@ -38,6 +40,10 @@ export type CardPluginDependencies = [
 ];
 export type CardPlugin = NextEditorPlugin<'card', {
     actions: CardPluginActions;
+    commands: {
+        /** EditorCommand form of `queueCardsFromRange`. Prefer over the action. */
+        queueCardsFromRange: (from: number, to: number, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null, appearance?: CardAppearance) => EditorCommand;
+    };
     dependencies: CardPluginDependencies;
     pluginConfiguration: CardPluginOptions | undefined;
     sharedState: CardPluginState | null;

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

@@ -1,9 +1,11 @@
 import React from 'react';
+import type { IntlShape } from 'react-intl';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { CardContext } from '@atlaskit/link-provider';
 import { Datasource } from '../nodeviews/datasource';
 import type { SmartCardProps } from './genericCard';
 export declare class BlockCardComponent extends React.PureComponent<SmartCardProps & {
@@ -26,7 +28,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): React.JSX.Element;
 }
-export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt'>;
+export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt' | 'intl' | 'smartCardContext'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -51,10 +53,12 @@ export interface BlockCardNodeViewProperties {
         sourceUrl: string;
     }>;
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
+    intl?: IntlShape;
     isPageSSRed: BlockCardNodeViewProps['isPageSSRed'];
     onClickCallback: BlockCardNodeViewProps['onClickCallback'];
     pluginInjectionApi: BlockCardNodeViewProps['pluginInjectionApi'];
     pmPluginFactoryParams: PMPluginFactoryParams;
     provider: BlockCardNodeViewProps['provider'];
+    smartCardContext?: CardContext;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, provider, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => BlockCard | Datasource | NodeView;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, provider, intl, smartCardContext, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => BlockCard | Datasource | NodeView;

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

@@ -1,10 +1,12 @@
 import React from 'react';
 import type { ComponentProps } from 'react';
+import type { IntlShape } from 'react-intl';
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CardContext } from '@atlaskit/link-provider';
 import type { cardPlugin } from '../index';
 import type { SmartCardProps } from './genericCard';
 /**
@@ -68,7 +70,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     render(): React.JSX.Element;
 }
 export declare const EmbedOrBlockCardComponent: (props: ComponentProps<typeof EmbedCardComponent>) => React.JSX.Element;
-export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt'>;
+export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'isPageSSRed' | 'provider' | 'CompetitorPrompt' | 'intl' | 'smartCardContext'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -89,10 +91,12 @@ export interface EmbedCardNodeViewProperties {
     allowResizing: EmbedCardNodeViewProps['allowResizing'];
     CompetitorPrompt?: EmbedCardNodeViewProps['CompetitorPrompt'];
     fullWidthMode: EmbedCardNodeViewProps['fullWidthMode'];
+    intl?: IntlShape;
     isPageSSRed: EmbedCardNodeViewProps['isPageSSRed'];
     onClickCallback: EmbedCardNodeViewProps['onClickCallback'];
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
     pmPluginFactoryParams: PMPluginFactoryParams;
     provider: EmbedCardNodeViewProps['provider'];
+    smartCardContext?: CardContext;
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, provider, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, provider, intl, smartCardContext, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

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

@@ -1,5 +1,6 @@
 import type { EventHandler, KeyboardEvent, MouseEvent } from 'react';
 import React from 'react';
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { OnClickCallback } from '@atlaskit/editor-common/card';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -33,7 +34,6 @@ export interface CardProps extends CardNodeViewProps {
     onClickCallback?: OnClickCallback;
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     showHoverPreview?: BaseCardProps['showHoverPreview'];
-    smartCardContext?: CardContext;
     useAlternativePreloader?: boolean;
     view: EditorView;
 }
@@ -47,12 +47,14 @@ export interface SmartCardProps extends CardProps {
     }>;
     disablePreviewPanel?: BaseCardProps['disablePreviewPanel'];
     enableInlineUpgradeFeatures?: boolean;
+    intl?: IntlShape;
     isHovered?: boolean;
     isPageSSRed?: boolean;
     onClick?: EventHandler<MouseEvent | KeyboardEvent> | undefined;
     onResolve?: (tr: Transaction, title?: string) => void;
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     provider?: Providers['cardProvider'];
+    smartCardContext?: CardContext;
 }
 /**
  *

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

@@ -5,7 +5,7 @@ import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemir
 import type { SmartCardProps } from './genericCard';
 import type { InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
-export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt' | 'provider' | 'smartCardContext'>;
+export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt' | 'provider' | 'intl' | 'smartCardContext'>;
 /**
  * Inline card node view component that renders a Smart Link inline card within the editor.
  *

package/dist/types-ts4.5/pm-plugins/doc.d.ts

@@ -12,6 +12,15 @@ import type { Request } from '../types';
 export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent, embedCardNodeTransformer?: EmbedCardNodeTransformer) => Command;
 export declare const handleFallbackWithAnalytics: (request: Request, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const queueCardsFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;
+/**
+ * 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 declare const queueCardsFromRange: (state: EditorState, tr: Transaction, from: number, to: number, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;
 export declare const queueCardFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, previousAppearance?: CardAppearance | "url") => Transaction;
 export declare const convertHyperlinkToSmartCard: (state: EditorState, source: CardReplacementInputMethod, appearance: CardAppearance, normalizeLinkText?: boolean) => Transaction;
 export declare const changeSelectedCardToLink: (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;

package/dist/types-ts4.5/ui/SmartCardSSRReactContextsProvider.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+import { type IntlShape } from 'react-intl';
+import { type CardContext } from '@atlaskit/link-provider';
+interface Props {
+    children: ReactNode;
+    intl: IntlShape | undefined;
+    smartCardContext: CardContext | undefined;
+}
+export declare function SmartCardSSRReactContextsProvider({ smartCardContext, children, intl, }: Props): ReactNode;
+export {};

package/dist/types-ts4.5/ui/WithCardContext.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
 import { useSmartCardContext } from '@atlaskit/link-provider';
-import type { CardContext } from '@atlaskit/link-provider';
-export declare const WithCardContext: ({ children, value, }: {
+export declare const WithCardContext: ({ children, }: {
     children: (cardContext: ReturnType<typeof useSmartCardContext>) => React.ReactNode;
-    value?: CardContext;
 }) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "16.5.4",
+	"version": "16.7.0",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.10.0",
+		"@atlaskit/adf-schema": "^52.11.0",
 		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/custom-steps": "^0.16.0",
 		"@atlaskit/editor-card-provider": "^6.7.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/smart-card": "^44.9.0",
-		"@atlaskit/tmp-editor-statsig": "^78.0.0",
+		"@atlaskit/tmp-editor-statsig": "^79.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.26.0",
+		"@atlaskit/editor-common": "^114.30.0",
 		"@atlaskit/link-provider": "^4.4.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"