@atlaskit/editor-plugin-card 7.3.1 → 7.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-card
 
+## 7.4.0
+
+### Minor Changes
+
+- [`bd14b2c6330ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd14b2c6330ba) -
+  [https://product-fabric.atlassian.net/browse/ED-28981](ED-28981) - use `CardSSR` component for
+  smart card SSR
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.3.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -19,6 +19,8 @@ var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/rea
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 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");
@@ -109,11 +111,23 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
         cardContext = _this$props2.cardContext,
         actionOptions = _this$props2.actionOptions,
         onClick = _this$props2.onClick,
-        CompetitorPrompt = _this$props2.CompetitorPrompt;
+        CompetitorPrompt = _this$props2.CompetitorPrompt,
+        isPageSSRed = _this$props2.isPageSSRed;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
-      var cardInner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
+      var cardInner = isPageSSRed && (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
+        key: url,
+        url: url !== null && url !== void 0 ? url : data.url,
+        container: this.scrollContainer,
+        appearance: "block",
+        onClick: onClick,
+        onResolve: this.onResolve,
+        onError: this.onError,
+        platform: 'web',
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
+      }), this.gapCursorSpan()) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
         key: url,
         url: url !== null && url !== void 0 ? url : data.url,
         container: this.scrollContainer,
@@ -191,7 +205,8 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         actionOptions = _this$reactComponentP3.actionOptions,
         pluginInjectionApi = _this$reactComponentP3.pluginInjectionApi,
         onClickCallback = _this$reactComponentP3.onClickCallback,
-        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt;
+        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
+        isPageSSRed = _this$reactComponentP3.isPageSSRed;
       return /*#__PURE__*/_react.default.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
@@ -200,7 +215,8 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         id: this.id,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        isPageSSRed: isPageSSRed
       });
     }
   }, {
@@ -219,7 +235,8 @@ var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_
     onClickCallback = _ref3.onClickCallback,
     allowDatasource = _ref3.allowDatasource,
     inlineCardViewProducer = _ref3.inlineCardViewProducer,
-    CompetitorPrompt = _ref3.CompetitorPrompt;
+    CompetitorPrompt = _ref3.CompetitorPrompt,
+    isPageSSRed = _ref3.isPageSSRed;
   return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
@@ -227,7 +244,8 @@ var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_
       actionOptions: actionOptions,
       pluginInjectionApi: pluginInjectionApi,
       onClickCallback: onClickCallback,
-      CompetitorPrompt: CompetitorPrompt
+      CompetitorPrompt: CompetitorPrompt,
+      isPageSSRed: isPageSSRed
     };
     var isDatasource = (0, _utils2.isDatasourceNode)(node);
     if (isDatasource) {

package/dist/cjs/nodeviews/embedCard.js

@@ -25,6 +25,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 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 _actions = require("../pm-plugins/actions");
 var _ResizableEmbedCard = _interopRequireDefault(require("../ui/ResizableEmbedCard"));
@@ -311,7 +312,8 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         pluginInjectionApi = _this$props.pluginInjectionApi,
         actionOptions = _this$props.actionOptions,
         onClick = _this$props.onClick,
-        CompetitorPrompt = _this$props.CompetitorPrompt;
+        CompetitorPrompt = _this$props.CompetitorPrompt,
+        isPageSSRed = _this$props.isPageSSRed;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         pctWidth = _node$attrs.width,
@@ -338,7 +340,21 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         pctWidth: pctWidth,
         fullWidthMode: fullWidthMode
       };
-      var smartCard = /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
+      var smartCard = isPageSSRed && (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
+        key: url,
+        url: url,
+        appearance: "embed",
+        onClick: onClick,
+        onResolve: this.onResolve,
+        onError: this.onError,
+        frameStyle: "show",
+        inheritDimensions: true,
+        platform: 'web',
+        container: this.scrollContainer,
+        embedIframeRef: this.embedIframeRef,
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
+      }) : /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
         key: url,
         url: url,
         appearance: "embed",
@@ -395,7 +411,8 @@ var EmbedOrBlockCardComponent = exports.EmbedOrBlockCardComponent = function Emb
     smartCard: props.smartCard,
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
-    initialAspectRatio: props.initialAspectRatio
+    initialAspectRatio: props.initialAspectRatio,
+    isPageSSRed: props.isPageSSRed
   }) : /*#__PURE__*/_react.default.createElement(EmbedCardComponent, {
     id: props.id,
     node: props.node,
@@ -413,7 +430,8 @@ var EmbedOrBlockCardComponent = exports.EmbedOrBlockCardComponent = function Emb
     smartCard: props.smartCard,
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
-    initialAspectRatio: props.initialAspectRatio
+    initialAspectRatio: props.initialAspectRatio,
+    isPageSSRed: props.isPageSSRed
   });
 };
 var WrappedEmbedCardWithCondition = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
@@ -469,7 +487,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         dispatchAnalyticsEvent = _this$reactComponentP3.dispatchAnalyticsEvent,
         pluginInjectionApi = _this$reactComponentP3.pluginInjectionApi,
         onClickCallback = _this$reactComponentP3.onClickCallback,
-        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt;
+        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
+        isPageSSRed = _this$reactComponentP3.isPageSSRed;
       return /*#__PURE__*/_react.default.createElement(WrappedEmbedCard, {
         node: this.node,
         view: this.view,
@@ -481,7 +500,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         id: this.id,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        isPageSSRed: isPageSSRed
       });
     }
   }, {
@@ -500,7 +520,8 @@ var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_
     pluginInjectionApi = _ref4.pluginInjectionApi,
     actionOptions = _ref4.actionOptions,
     onClickCallback = _ref4.onClickCallback,
-    CompetitorPrompt = _ref4.CompetitorPrompt;
+    CompetitorPrompt = _ref4.CompetitorPrompt,
+    isPageSSRed = _ref4.isPageSSRed;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,
@@ -513,7 +534,8 @@ var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_
       pluginInjectionApi: pluginInjectionApi,
       actionOptions: actionOptions,
       onClickCallback: onClickCallback,
-      CompetitorPrompt: CompetitorPrompt
+      CompetitorPrompt: CompetitorPrompt,
+      isPageSSRed: isPageSSRed
     };
     return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
   };

package/dist/cjs/nodeviews/inlineCard.js

@@ -18,7 +18,6 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
 var _ssr = require("@atlaskit/smart-card/ssr");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("../pm-plugins/actions");
 var _utils = require("../pm-plugins/utils");
@@ -111,8 +110,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
     exposure: true
   }) ? handleOnClick : propsOnClick;
   var card = (0, _react.useMemo)(function () {
-    // Should be removed when the platform_editor_smart_card_otp experiment is rolled out
-    if (isPageSSRed && url && !(0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true)) {
+    if (isPageSSRed && url) {
       return /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
         key: url,
         url: url,

package/dist/es2019/nodeviews/blockCard.js

@@ -6,6 +6,8 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { browser, canRenderDatasource } from '@atlaskit/editor-common/utils';
 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';
@@ -90,13 +92,25 @@ export class BlockCardComponent extends React.PureComponent {
       cardContext,
       actionOptions,
       onClick,
-      CompetitorPrompt
+      CompetitorPrompt,
+      isPageSSRed
     } = this.props;
     const {
       url,
       data
     } = node.attrs;
-    const cardInner = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SmartCard, {
+    const cardInner = isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
+      key: url,
+      url: url !== null && url !== void 0 ? url : data.url,
+      container: this.scrollContainer,
+      appearance: "block",
+      onClick: onClick,
+      onResolve: this.onResolve,
+      onError: this.onError,
+      platform: 'web',
+      actionOptions: actionOptions,
+      CompetitorPrompt: CompetitorPrompt
+    }), this.gapCursorSpan()) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SmartCard, {
       key: url,
       url: url !== null && url !== void 0 ? url : data.url,
       container: this.scrollContainer,
@@ -154,7 +168,8 @@ export class BlockCard extends ReactNodeView {
       actionOptions,
       pluginInjectionApi,
       onClickCallback,
-      CompetitorPrompt
+      CompetitorPrompt,
+      isPageSSRed
     } = this.reactComponentProps;
     return /*#__PURE__*/React.createElement(WrappedBlockCard, {
       node: this.node,
@@ -164,7 +179,8 @@ export class BlockCard extends ReactNodeView {
       pluginInjectionApi: pluginInjectionApi,
       onClickCallback: onClickCallback,
       id: this.id,
-      CompetitorPrompt: CompetitorPrompt
+      CompetitorPrompt: CompetitorPrompt,
+      isPageSSRed: isPageSSRed
     });
   }
   destroy() {
@@ -180,7 +196,8 @@ export const blockCardNodeView = ({
   onClickCallback,
   allowDatasource,
   inlineCardViewProducer,
-  CompetitorPrompt
+  CompetitorPrompt,
+  isPageSSRed
 }) => (node, view, getPos, decorations) => {
   const {
     portalProviderAPI,
@@ -190,7 +207,8 @@ export const blockCardNodeView = ({
     actionOptions,
     pluginInjectionApi,
     onClickCallback: onClickCallback,
-    CompetitorPrompt
+    CompetitorPrompt,
+    isPageSSRed
   };
   const isDatasource = isDatasourceNode(node);
   if (isDatasource) {

package/dist/es2019/nodeviews/embedCard.js

@@ -12,6 +12,7 @@ import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-
 import { akEditorFullPageNarrowBreakout, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 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 { registerCard, removeCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
@@ -300,7 +301,8 @@ export class EmbedCardComponent extends React.PureComponent {
       pluginInjectionApi,
       actionOptions,
       onClick,
-      CompetitorPrompt
+      CompetitorPrompt,
+      isPageSSRed
     } = this.props;
     const {
       url,
@@ -330,7 +332,21 @@ export class EmbedCardComponent extends React.PureComponent {
       pctWidth,
       fullWidthMode
     };
-    const smartCard = /*#__PURE__*/React.createElement(SmartCard, {
+    const smartCard = isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? /*#__PURE__*/React.createElement(CardSSR, {
+      key: url,
+      url: url,
+      appearance: "embed",
+      onClick: onClick,
+      onResolve: this.onResolve,
+      onError: this.onError,
+      frameStyle: "show",
+      inheritDimensions: true,
+      platform: 'web',
+      container: this.scrollContainer,
+      embedIframeRef: this.embedIframeRef,
+      actionOptions: actionOptions,
+      CompetitorPrompt: CompetitorPrompt
+    }) : /*#__PURE__*/React.createElement(SmartCard, {
       key: url,
       url: url,
       appearance: "embed",
@@ -386,7 +402,8 @@ export const EmbedOrBlockCardComponent = props => {
     smartCard: props.smartCard,
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
-    initialAspectRatio: props.initialAspectRatio
+    initialAspectRatio: props.initialAspectRatio,
+    isPageSSRed: props.isPageSSRed
   }) : /*#__PURE__*/React.createElement(EmbedCardComponent, {
     id: props.id,
     node: props.node,
@@ -404,7 +421,8 @@ export const EmbedOrBlockCardComponent = props => {
     smartCard: props.smartCard,
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
-    initialAspectRatio: props.initialAspectRatio
+    initialAspectRatio: props.initialAspectRatio,
+    isPageSSRed: props.isPageSSRed
   });
 };
 const WrappedEmbedCardWithCondition = componentWithCondition(() => expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true), EmbedOrBlockCardComponent, EmbedCardComponent);
@@ -442,7 +460,8 @@ export class EmbedCard extends ReactNodeView {
       dispatchAnalyticsEvent,
       pluginInjectionApi,
       onClickCallback,
-      CompetitorPrompt
+      CompetitorPrompt,
+      isPageSSRed
     } = this.reactComponentProps;
     return /*#__PURE__*/React.createElement(WrappedEmbedCard, {
       node: this.node,
@@ -455,7 +474,8 @@ export class EmbedCard extends ReactNodeView {
       pluginInjectionApi: pluginInjectionApi,
       onClickCallback: onClickCallback,
       id: this.id,
-      CompetitorPrompt: CompetitorPrompt
+      CompetitorPrompt: CompetitorPrompt,
+      isPageSSRed: isPageSSRed
     });
   }
   destroy() {
@@ -471,7 +491,8 @@ export const embedCardNodeView = ({
   pluginInjectionApi,
   actionOptions,
   onClickCallback,
-  CompetitorPrompt
+  CompetitorPrompt,
+  isPageSSRed
 }) => (node, view, getPos) => {
   const {
     portalProviderAPI,
@@ -486,7 +507,8 @@ export const embedCardNodeView = ({
     pluginInjectionApi,
     actionOptions,
     onClickCallback: onClickCallback,
-    CompetitorPrompt
+    CompetitorPrompt,
+    isPageSSRed
   };
   return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
 };

package/dist/es2019/nodeviews/inlineCard.js

@@ -8,7 +8,6 @@ import { UnsupportedInline, findOverflowScrollParent } from '@atlaskit/editor-co
 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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
@@ -107,8 +106,7 @@ export const InlineCard = /*#__PURE__*/memo(({
     exposure: true
   }) ? handleOnClick : propsOnClick;
   const card = useMemo(() => {
-    // Should be removed when the platform_editor_smart_card_otp experiment is rolled out
-    if (isPageSSRed && url && !expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
+    if (isPageSSRed && url) {
       return /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url,

package/dist/esm/nodeviews/blockCard.js

@@ -15,6 +15,8 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { browser, canRenderDatasource } from '@atlaskit/editor-common/utils';
 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';
@@ -103,11 +105,23 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         cardContext = _this$props2.cardContext,
         actionOptions = _this$props2.actionOptions,
         onClick = _this$props2.onClick,
-        CompetitorPrompt = _this$props2.CompetitorPrompt;
+        CompetitorPrompt = _this$props2.CompetitorPrompt,
+        isPageSSRed = _this$props2.isPageSSRed;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
-      var cardInner = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SmartCard, {
+      var cardInner = isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
+        key: url,
+        url: url !== null && url !== void 0 ? url : data.url,
+        container: this.scrollContainer,
+        appearance: "block",
+        onClick: onClick,
+        onResolve: this.onResolve,
+        onError: this.onError,
+        platform: 'web',
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
+      }), this.gapCursorSpan()) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SmartCard, {
         key: url,
         url: url !== null && url !== void 0 ? url : data.url,
         container: this.scrollContainer,
@@ -185,7 +199,8 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         actionOptions = _this$reactComponentP3.actionOptions,
         pluginInjectionApi = _this$reactComponentP3.pluginInjectionApi,
         onClickCallback = _this$reactComponentP3.onClickCallback,
-        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt;
+        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
+        isPageSSRed = _this$reactComponentP3.isPageSSRed;
       return /*#__PURE__*/React.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
@@ -194,7 +209,8 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         id: this.id,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        isPageSSRed: isPageSSRed
       });
     }
   }, {
@@ -213,7 +229,8 @@ export var blockCardNodeView = function blockCardNodeView(_ref3) {
     onClickCallback = _ref3.onClickCallback,
     allowDatasource = _ref3.allowDatasource,
     inlineCardViewProducer = _ref3.inlineCardViewProducer,
-    CompetitorPrompt = _ref3.CompetitorPrompt;
+    CompetitorPrompt = _ref3.CompetitorPrompt,
+    isPageSSRed = _ref3.isPageSSRed;
   return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
@@ -221,7 +238,8 @@ export var blockCardNodeView = function blockCardNodeView(_ref3) {
       actionOptions: actionOptions,
       pluginInjectionApi: pluginInjectionApi,
       onClickCallback: onClickCallback,
-      CompetitorPrompt: CompetitorPrompt
+      CompetitorPrompt: CompetitorPrompt,
+      isPageSSRed: isPageSSRed
     };
     var isDatasource = isDatasourceNode(node);
     if (isDatasource) {

package/dist/esm/nodeviews/embedCard.js

@@ -23,6 +23,7 @@ import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-
 import { akEditorFullPageNarrowBreakout, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 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 { registerCard, removeCard as _removeCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
@@ -304,7 +305,8 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         pluginInjectionApi = _this$props.pluginInjectionApi,
         actionOptions = _this$props.actionOptions,
         onClick = _this$props.onClick,
-        CompetitorPrompt = _this$props.CompetitorPrompt;
+        CompetitorPrompt = _this$props.CompetitorPrompt,
+        isPageSSRed = _this$props.isPageSSRed;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         pctWidth = _node$attrs.width,
@@ -331,7 +333,21 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         pctWidth: pctWidth,
         fullWidthMode: fullWidthMode
       };
-      var smartCard = /*#__PURE__*/React.createElement(SmartCard, {
+      var smartCard = isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? /*#__PURE__*/React.createElement(CardSSR, {
+        key: url,
+        url: url,
+        appearance: "embed",
+        onClick: onClick,
+        onResolve: this.onResolve,
+        onError: this.onError,
+        frameStyle: "show",
+        inheritDimensions: true,
+        platform: 'web',
+        container: this.scrollContainer,
+        embedIframeRef: this.embedIframeRef,
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
+      }) : /*#__PURE__*/React.createElement(SmartCard, {
         key: url,
         url: url,
         appearance: "embed",
@@ -388,7 +404,8 @@ export var EmbedOrBlockCardComponent = function EmbedOrBlockCardComponent(props)
     smartCard: props.smartCard,
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
-    initialAspectRatio: props.initialAspectRatio
+    initialAspectRatio: props.initialAspectRatio,
+    isPageSSRed: props.isPageSSRed
   }) : /*#__PURE__*/React.createElement(EmbedCardComponent, {
     id: props.id,
     node: props.node,
@@ -406,7 +423,8 @@ export var EmbedOrBlockCardComponent = function EmbedOrBlockCardComponent(props)
     smartCard: props.smartCard,
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
-    initialAspectRatio: props.initialAspectRatio
+    initialAspectRatio: props.initialAspectRatio,
+    isPageSSRed: props.isPageSSRed
   });
 };
 var WrappedEmbedCardWithCondition = componentWithCondition(function () {
@@ -462,7 +480,8 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         dispatchAnalyticsEvent = _this$reactComponentP3.dispatchAnalyticsEvent,
         pluginInjectionApi = _this$reactComponentP3.pluginInjectionApi,
         onClickCallback = _this$reactComponentP3.onClickCallback,
-        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt;
+        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
+        isPageSSRed = _this$reactComponentP3.isPageSSRed;
       return /*#__PURE__*/React.createElement(WrappedEmbedCard, {
         node: this.node,
         view: this.view,
@@ -474,7 +493,8 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         id: this.id,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        isPageSSRed: isPageSSRed
       });
     }
   }, {
@@ -493,7 +513,8 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
     pluginInjectionApi = _ref4.pluginInjectionApi,
     actionOptions = _ref4.actionOptions,
     onClickCallback = _ref4.onClickCallback,
-    CompetitorPrompt = _ref4.CompetitorPrompt;
+    CompetitorPrompt = _ref4.CompetitorPrompt,
+    isPageSSRed = _ref4.isPageSSRed;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,
@@ -506,7 +527,8 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
       pluginInjectionApi: pluginInjectionApi,
       actionOptions: actionOptions,
       onClickCallback: onClickCallback,
-      CompetitorPrompt: CompetitorPrompt
+      CompetitorPrompt: CompetitorPrompt,
+      isPageSSRed: isPageSSRed
     };
     return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
   };

package/dist/esm/nodeviews/inlineCard.js

@@ -8,7 +8,6 @@ import { UnsupportedInline, findOverflowScrollParent } from '@atlaskit/editor-co
 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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
@@ -100,8 +99,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
     exposure: true
   }) ? handleOnClick : propsOnClick;
   var card = useMemo(function () {
-    // Should be removed when the platform_editor_smart_card_otp experiment is rolled out
-    if (isPageSSRed && url && !expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
+    if (isPageSSRed && url) {
       return /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url,

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

@@ -49,4 +49,4 @@ export interface BlockCardNodeViewProperties {
         linkType?: string;
     }>;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;

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

@@ -64,4 +64,4 @@ export interface EmbedCardNodeViewProperties {
     isPageSSRed: EmbedCardNodeViewProps['isPageSSRed'];
     CompetitorPrompt?: EmbedCardNodeViewProps['CompetitorPrompt'];
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

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

@@ -49,4 +49,4 @@ export interface BlockCardNodeViewProperties {
         linkType?: string;
     }>;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;

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

@@ -64,4 +64,4 @@ export interface EmbedCardNodeViewProperties {
     isPageSSRed: EmbedCardNodeViewProps['isPageSSRed'];
     CompetitorPrompt?: EmbedCardNodeViewProps['CompetitorPrompt'];
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "7.3.1",
+	"version": "7.4.0",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -49,18 +49,18 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
-		"@atlaskit/icon": "^27.11.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-analytics": "^10.0.0",
 		"@atlaskit/link-client-extension": "^5.0.0",
 		"@atlaskit/link-datasource": "^4.19.0",
 		"@atlaskit/linking-common": "^9.2.0",
 		"@atlaskit/linking-types": "^14.0.0",
-		"@atlaskit/menu": "^8.1.0",
+		"@atlaskit/menu": "^8.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/smart-card": "^40.8.0",
+		"@atlaskit/smart-card": "^40.10.0",
 		"@atlaskit/theme": "^19.0.0",
 		"@atlaskit/tmp-editor-statsig": "^9.27.0",
 		"@atlaskit/tokens": "^6.0.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.21.0",
+		"@atlaskit/editor-common": "^107.23.0",
 		"@atlaskit/link-provider": "^3.4.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"