@atlaskit/editor-plugin-card 12.0.2 → 12.1.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-card
 
+## 12.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.1.0
+
+### Minor Changes
+
+- [`77df724ec737e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/77df724ec737e) -
+  [https://product-fabric.atlassian.net/browse/ED-28631](ED-28631) - cleanup the
+  platform_editor_smart_card_otp Statsig experiment
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.0.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -118,7 +118,7 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
-      var cardInner = (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
+      var cardInner = isPageSSRed ? /*#__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,

package/dist/cjs/nodeviews/embedCard.js

@@ -349,7 +349,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         pctWidth: pctWidth,
         fullWidthMode: fullWidthMode
       };
-      var smartCard = (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
+      var smartCard = isPageSSRed ? /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
         key: url,
         url: url,
         appearance: "embed",

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");
@@ -41,7 +40,6 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
     showHoverPreview = _ref.showHoverPreview,
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     isPageSSRed = _ref.isPageSSRed,
-    provider = _ref.provider,
     pluginInjectionApi = _ref.pluginInjectionApi,
     disablePreviewPanel = _ref.disablePreviewPanel;
   var _node$attrs = node.attrs,
@@ -128,10 +126,8 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
         isHovered: isHovered,
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
-        disablePreviewPanel: disablePreviewPanel
-        // Durin `platform_editor_smart_card_otp` cleaning up, replace this with `true`.
-        ,
-        hideIconLoadingSkeleton: (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true)
+        disablePreviewPanel: disablePreviewPanel,
+        hideIconLoadingSkeleton: true
       });
     }
     return /*#__PURE__*/_react.default.createElement(_smartCard.Card, {

package/dist/cjs/nodeviews/lazy-block-card.js

@@ -7,13 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.lazyBlockCardView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _blockCard = require("./blockCard");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var lazyBlockCardView = exports.lazyBlockCardView = function lazyBlockCardView(props) {
   var isPageSSRed = props.isPageSSRed;
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || isPageSSRed && (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true)) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || isPageSSRed) {
     return (0, _blockCard.blockCardNodeView)(props);
   }
   return (0, _lazyNodeView.withLazyLoading)({

package/dist/cjs/nodeviews/lazy-embed-card.js

@@ -7,13 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.lazyEmbedCardView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _embedCard = require("./embedCard");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var lazyEmbedCardView = exports.lazyEmbedCardView = function lazyEmbedCardView(props) {
   var isPageSSRed = props.isPageSSRed;
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || isPageSSRed && (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true)) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || isPageSSRed) {
     return (0, _embedCard.embedCardNodeView)(props);
   }
   return (0, _lazyNodeView.withLazyLoading)({

package/dist/cjs/ui/InlineCardOverlay/index.js

@@ -136,7 +136,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
   var maxOverlayWidth = (0, _react.useRef)(0);
   var minOverlayWidth = (0, _react.useRef)(ESTIMATED_MIN_WIDTH_IN_PX);
   var parentWidth = (0, _react.useRef)(0);
-  var iconSize = (0, _react.useRef)('small');
   var containerRef = (0, _react.useRef)(null);
   var setVisibility = (0, _react.useCallback)(function () {
     if (!containerRef.current || !maxOverlayWidth.current) {
@@ -186,7 +185,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
           min = _getOverlayWidths.min;
         maxOverlayWidth.current = max;
         minOverlayWidth.current = min;
-        iconSize.current = (0, _utils.getIconSize)(_label);
       }
     }
     if (isVisible) {
@@ -259,7 +257,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
       css: iconStyles
     }, (0, _react2.jsx)(_customize.default, {
       label: label,
-      LEGACY_size: iconSize.current,
       testId: "".concat(testId, "-icon")
     })), showLabel && (0, _react2.jsx)("span", {
       css: labelStyles

package/dist/cjs/ui/toolbar.js

@@ -12,13 +12,13 @@ var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _card = require("@atlaskit/editor-common/card");
-var _link = require("@atlaskit/editor-common/link");
+var _link2 = require("@atlaskit/editor-common/link");
 var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
-var _state = require("@atlaskit/editor-prosemirror/state");
+var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
@@ -27,7 +27,6 @@ var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
 var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
 var _linkBroken = _interopRequireDefault(require("@atlaskit/icon/core/link-broken"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
-var _comment2 = _interopRequireDefault(require("@atlaskit/icon/core/migration/comment"));
 var _settings = _interopRequireDefault(require("@atlaskit/icon/core/settings"));
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _doc = require("../pm-plugins/doc");
@@ -47,7 +46,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var removeCard = exports.removeCard = function removeCard(editorAnalyticsApi) {
   return (0, _card.commandWithMetadata)(function (state, dispatch) {
-    if (!(state.selection instanceof _state.NodeSelection)) {
+    if (!(state.selection instanceof _state2.NodeSelection)) {
       return false;
     }
     var type = state.selection.node.type.name;
@@ -74,7 +73,7 @@ var removeCard = exports.removeCard = function removeCard(editorAnalyticsApi) {
 };
 var visitCardLinkAnalytics = exports.visitCardLinkAnalytics = function visitCardLinkAnalytics(editorAnalyticsApi, inputMethod) {
   return function (state, dispatch) {
-    if (!(state.selection instanceof _state.NodeSelection)) {
+    if (!(state.selection instanceof _state2.NodeSelection)) {
       return false;
     }
     var type = state.selection.node.type;
@@ -88,7 +87,7 @@ var visitCardLinkAnalytics = exports.visitCardLinkAnalytics = function visitCard
 };
 var openLinkSettings = exports.openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
   return function (state, dispatch) {
-    if (!(state.selection instanceof _state.NodeSelection)) {
+    if (!(state.selection instanceof _state2.NodeSelection)) {
       return false;
     }
     if (dispatch) {
@@ -111,7 +110,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(cardOpt
       embedCard = _state$schema$nodes.embedCard;
     var nodeType = [inlineCard, blockCard, embedCard];
     var pluginState = _pluginKey.pluginKey.getState(state);
-    if (!(state.selection instanceof _state.NodeSelection)) {
+    if (!(state.selection instanceof _state2.NodeSelection)) {
       return;
     }
     var selectedNode = state.selection.node;
@@ -296,7 +295,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         type: 'button',
         icon: _comment.default,
         testId: 'inline-card-toolbar-comment-button',
-        iconFallback: _comment2.default,
+        iconFallback: _comment.default,
         title: intl.formatMessage(_messages.annotationMessages.createComment),
         showTitle: (0, _experiments.editorExperiment)('platform_editor_controls', 'control') ? undefined : true,
         onClick: onCommentButtonClick,
@@ -530,7 +529,7 @@ var getSettingsButton = exports.getSettingsButton = function getSettingsButton(i
     iconFallback: _settings.default,
     title: intl.formatMessage(_messages.linkToolbarMessages.settingsLink),
     onClick: openLinkSettings(editorAnalyticsApi),
-    href: userPreferencesLink || (0, _link.getLinkPreferencesURLFromENV)(),
+    href: userPreferencesLink || (0, _link2.getLinkPreferencesURLFromENV)(),
     target: '_blank'
   };
 };
@@ -732,7 +731,7 @@ var shouldRenderToolbarPulse = exports.shouldRenderToolbarPulse = function shoul
   return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled;
 };
 var getStartingToolbarItems = exports.getStartingToolbarItems = function getStartingToolbarItems(options, api) {
-  return function (intl, link, onEditLink, metadata, state) {
+  return function (intl, link, onEditLink, metadata, _state) {
     var areAllNewToolbarFlagsDisabled = !(0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
     var editLinkItem = options.allowDatasource ? [{
       type: 'custom',
@@ -824,7 +823,7 @@ var getStartingToolbarItems = exports.getStartingToolbarItems = function getStar
   };
 };
 var getEndingToolbarItems = exports.getEndingToolbarItems = function getEndingToolbarItems(options, api) {
-  return function (intl, link) {
+  return function (intl, _link) {
     /**
      * Require either provider to be supplied (controls link preferences)
      * Or explicit user preferences config in order to enable button

package/dist/es2019/nodeviews/blockCard.js

@@ -102,7 +102,7 @@ export class BlockCardComponent extends React.PureComponent {
       url,
       data
     } = node.attrs;
-    const cardInner = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
+    const cardInner = isPageSSRed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
       key: url,
       url: url !== null && url !== void 0 ? url : data.url,
       container: this.scrollContainer,

package/dist/es2019/nodeviews/embedCard.js

@@ -341,7 +341,7 @@ export class EmbedCardComponent extends React.PureComponent {
       pctWidth,
       fullWidthMode
     };
-    const smartCard = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/React.createElement(CardSSR, {
+    const smartCard = isPageSSRed ? /*#__PURE__*/React.createElement(CardSSR, {
       key: url,
       url: url,
       appearance: "embed",

package/dist/es2019/nodeviews/inlineCard.js

@@ -9,7 +9,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';
@@ -29,7 +28,6 @@ export const InlineCard = /*#__PURE__*/memo(({
   showHoverPreview,
   hoverPreviewOptions,
   isPageSSRed,
-  provider,
   pluginInjectionApi,
   disablePreviewPanel
 }) => {
@@ -123,10 +121,8 @@ export const InlineCard = /*#__PURE__*/memo(({
         isHovered: isHovered,
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
-        disablePreviewPanel: disablePreviewPanel
-        // Durin `platform_editor_smart_card_otp` cleaning up, replace this with `true`.
-        ,
-        hideIconLoadingSkeleton: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)
+        disablePreviewPanel: disablePreviewPanel,
+        hideIconLoadingSkeleton: true
       });
     }
     return /*#__PURE__*/React.createElement(SmartCard, {

package/dist/es2019/nodeviews/lazy-block-card.js

@@ -1,12 +1,11 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { blockCardNodeView } from './blockCard';
 export const lazyBlockCardView = props => {
   const {
     isPageSSRed
   } = props;
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || isPageSSRed) {
     return blockCardNodeView(props);
   }
   return withLazyLoading({

package/dist/es2019/nodeviews/lazy-embed-card.js

@@ -1,12 +1,11 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { embedCardNodeView } from './embedCard';
 export const lazyEmbedCardView = props => {
   const {
     isPageSSRed
   } = props;
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || isPageSSRed) {
     return embedCardNodeView(props);
   }
   return withLazyLoading({

package/dist/es2019/ui/InlineCardOverlay/index.js

@@ -15,7 +15,7 @@ import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/whitespace';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import { B100, N0, N700 } from '@atlaskit/theme/colors';
-import { getChildElement, getIconSize, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
+import { getChildElement, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
 const DEBOUNCE_IN_MS = 5;
 const ESTIMATED_MIN_WIDTH_IN_PX = 16;
 const PADDING_IN_PX = 4;
@@ -118,7 +118,6 @@ const InlineCardOverlay = ({
   const maxOverlayWidth = useRef(0);
   const minOverlayWidth = useRef(ESTIMATED_MIN_WIDTH_IN_PX);
   const parentWidth = useRef(0);
-  const iconSize = useRef('small');
   const containerRef = useRef(null);
   const setVisibility = useCallback(() => {
     if (!containerRef.current || !maxOverlayWidth.current) {
@@ -169,7 +168,6 @@ const InlineCardOverlay = ({
         } = getOverlayWidths(iconAndLabel, label);
         maxOverlayWidth.current = max;
         minOverlayWidth.current = min;
-        iconSize.current = getIconSize(label);
       }
     }
     if (isVisible) {
@@ -240,7 +238,6 @@ const InlineCardOverlay = ({
       css: iconStyles
     }, jsx(CustomizeIcon, {
       label: label,
-      LEGACY_size: iconSize.current,
       testId: `${testId}-icon`
     })), showLabel && jsx("span", {
       css: labelStyles

package/dist/es2019/ui/toolbar.js

@@ -17,7 +17,6 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
 import EditIcon from '@atlaskit/icon/core/edit';
 import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
-import LegacyCommentIcon from '@atlaskit/icon/core/migration/comment';
 import CogIcon from '@atlaskit/icon/core/settings';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
@@ -288,7 +287,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       type: 'button',
       icon: CommentIcon,
       testId: 'inline-card-toolbar-comment-button',
-      iconFallback: LegacyCommentIcon,
+      iconFallback: CommentIcon,
       title: intl.formatMessage(annotationMessages.createComment),
       showTitle: editorExperiment('platform_editor_controls', 'control') ? undefined : true,
       onClick: onCommentButtonClick,
@@ -717,7 +716,7 @@ export const shouldRenderToolbarPulse = (embedEnabled, appearance, status, isDis
   return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled;
 };
 export const getStartingToolbarItems = (options, api) => {
-  return (intl, link, onEditLink, metadata, state) => {
+  return (intl, link, onEditLink, metadata, _state) => {
     const areAllNewToolbarFlagsDisabled = !areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
     const editLinkItem = options.allowDatasource ? [{
       type: 'custom',
@@ -804,7 +803,7 @@ export const getStartingToolbarItems = (options, api) => {
     }, ...editLinkItem];
   };
 };
-export const getEndingToolbarItems = (options, api) => (intl, link) => {
+export const getEndingToolbarItems = (options, api) => (intl, _link) => {
   /**
    * Require either provider to be supplied (controls link preferences)
    * Or explicit user preferences config in order to enable button

package/dist/esm/nodeviews/blockCard.js

@@ -113,7 +113,7 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
-      var cardInner = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
+      var cardInner = isPageSSRed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url !== null && url !== void 0 ? url : data.url,
         container: this.scrollContainer,

package/dist/esm/nodeviews/embedCard.js

@@ -343,7 +343,7 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         pctWidth: pctWidth,
         fullWidthMode: fullWidthMode
       };
-      var smartCard = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) && isPageSSRed ? /*#__PURE__*/React.createElement(CardSSR, {
+      var smartCard = isPageSSRed ? /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url,
         appearance: "embed",

package/dist/esm/nodeviews/inlineCard.js

@@ -9,7 +9,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';
@@ -29,7 +28,6 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
     showHoverPreview = _ref.showHoverPreview,
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     isPageSSRed = _ref.isPageSSRed,
-    provider = _ref.provider,
     pluginInjectionApi = _ref.pluginInjectionApi,
     disablePreviewPanel = _ref.disablePreviewPanel;
   var _node$attrs = node.attrs,
@@ -116,10 +114,8 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
         isHovered: isHovered,
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
-        disablePreviewPanel: disablePreviewPanel
-        // Durin `platform_editor_smart_card_otp` cleaning up, replace this with `true`.
-        ,
-        hideIconLoadingSkeleton: expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)
+        disablePreviewPanel: disablePreviewPanel,
+        hideIconLoadingSkeleton: true
       });
     }
     return /*#__PURE__*/React.createElement(SmartCard, {

package/dist/esm/nodeviews/lazy-block-card.js

@@ -1,10 +1,9 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { blockCardNodeView } from './blockCard';
 export var lazyBlockCardView = function lazyBlockCardView(props) {
   var isPageSSRed = props.isPageSSRed;
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || isPageSSRed) {
     return blockCardNodeView(props);
   }
   return withLazyLoading({

package/dist/esm/nodeviews/lazy-embed-card.js

@@ -1,10 +1,9 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { embedCardNodeView } from './embedCard';
 export var lazyEmbedCardView = function lazyEmbedCardView(props) {
   var isPageSSRed = props.isPageSSRed;
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || isPageSSRed) {
     return embedCardNodeView(props);
   }
   return withLazyLoading({

package/dist/esm/ui/InlineCardOverlay/index.js

@@ -19,7 +19,7 @@ import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/whitespace';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import { B100, N0, N700 } from '@atlaskit/theme/colors';
-import { getChildElement, getIconSize, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
+import { getChildElement, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
 var DEBOUNCE_IN_MS = 5;
 var ESTIMATED_MIN_WIDTH_IN_PX = 16;
 var PADDING_IN_PX = 4;
@@ -128,7 +128,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
   var maxOverlayWidth = useRef(0);
   var minOverlayWidth = useRef(ESTIMATED_MIN_WIDTH_IN_PX);
   var parentWidth = useRef(0);
-  var iconSize = useRef('small');
   var containerRef = useRef(null);
   var setVisibility = useCallback(function () {
     if (!containerRef.current || !maxOverlayWidth.current) {
@@ -178,7 +177,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
           min = _getOverlayWidths.min;
         maxOverlayWidth.current = max;
         minOverlayWidth.current = min;
-        iconSize.current = getIconSize(_label);
       }
     }
     if (isVisible) {
@@ -251,7 +249,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
       css: iconStyles
     }, jsx(CustomizeIcon, {
       label: label,
-      LEGACY_size: iconSize.current,
       testId: "".concat(testId, "-icon")
     })), showLabel && jsx("span", {
       css: labelStyles

package/dist/esm/ui/toolbar.js

@@ -21,7 +21,6 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
 import EditIcon from '@atlaskit/icon/core/edit';
 import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
-import LegacyCommentIcon from '@atlaskit/icon/core/migration/comment';
 import CogIcon from '@atlaskit/icon/core/settings';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
@@ -287,7 +286,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         type: 'button',
         icon: CommentIcon,
         testId: 'inline-card-toolbar-comment-button',
-        iconFallback: LegacyCommentIcon,
+        iconFallback: CommentIcon,
         title: intl.formatMessage(annotationMessages.createComment),
         showTitle: editorExperiment('platform_editor_controls', 'control') ? undefined : true,
         onClick: onCommentButtonClick,
@@ -723,7 +722,7 @@ export var shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEna
   return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled;
 };
 export var getStartingToolbarItems = function getStartingToolbarItems(options, api) {
-  return function (intl, link, onEditLink, metadata, state) {
+  return function (intl, link, onEditLink, metadata, _state) {
     var areAllNewToolbarFlagsDisabled = !areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
     var editLinkItem = options.allowDatasource ? [{
       type: 'custom',
@@ -815,7 +814,7 @@ export var getStartingToolbarItems = function getStartingToolbarItems(options, a
   };
 };
 export var getEndingToolbarItems = function getEndingToolbarItems(options, api) {
-  return function (intl, link) {
+  return function (intl, _link) {
     /**
      * Require either provider to be supplied (controls link preferences)
      * Or explicit user preferences config in order to enable button

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

@@ -4,7 +4,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
-export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick: propsOnClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, provider, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick: propsOnClick, onResolve: onRes, 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'>;
 /**
  *

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

@@ -15,5 +15,5 @@ export declare const shouldRenderToolbarPulse: (embedEnabled: boolean, appearanc
 export declare const getStartingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, link: string, onEditLink: Command, metadata: {
     title: string;
     url: string;
-}, state?: EditorState) => FloatingToolbarItem<Command>[];
-export declare const getEndingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, link: string) => FloatingToolbarItem<Command>[];
+}, _state?: EditorState) => FloatingToolbarItem<Command>[];
+export declare const getEndingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, _link: string) => FloatingToolbarItem<Command>[];

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

@@ -4,7 +4,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
-export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick: propsOnClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, provider, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick: propsOnClick, onResolve: onRes, 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'>;
 /**
  *

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

@@ -15,5 +15,5 @@ export declare const shouldRenderToolbarPulse: (embedEnabled: boolean, appearanc
 export declare const getStartingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, link: string, onEditLink: Command, metadata: {
     title: string;
     url: string;
-}, state?: EditorState) => FloatingToolbarItem<Command>[];
-export declare const getEndingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, link: string) => FloatingToolbarItem<Command>[];
+}, _state?: EditorState) => FloatingToolbarItem<Command>[];
+export declare const getEndingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, _link: string) => FloatingToolbarItem<Command>[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "12.0.2",
+	"version": "12.1.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,30 +39,30 @@
 		"@atlaskit/editor-plugin-editor-disabled": "^7.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^9.0.0",
 		"@atlaskit/editor-plugin-feature-flags": "^6.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^9.0.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^9.1.0",
 		"@atlaskit/editor-plugin-grid": "^7.0.0",
 		"@atlaskit/editor-plugin-toolbar": "^4.0.0",
 		"@atlaskit/editor-plugin-width": "^8.0.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
-		"@atlaskit/icon": "^29.3.0",
-		"@atlaskit/link": "^3.2.0",
+		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/link-analytics": "^11.0.0",
 		"@atlaskit/link-client-extension": "^6.0.0",
-		"@atlaskit/link-datasource": "^4.30.0",
+		"@atlaskit/link-datasource": "^4.32.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/linking-common": "^9.9.0",
 		"@atlaskit/linking-types": "^14.2.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/primitives": "^17.0.0",
+		"@atlaskit/primitives": "^17.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/smart-card": "^43.17.0",
+		"@atlaskit/smart-card": "^43.20.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.3.0",
-		"@atlaskit/tokens": "^9.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.23.0",
+		"@atlaskit/tokens": "^10.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -71,8 +71,8 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.0.0",
-		"@atlaskit/link-provider": "^4.0.0",
+		"@atlaskit/editor-common": "^111.8.0",
+		"@atlaskit/link-provider": "^4.1.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},