@atlaskit/editor-plugin-media 12.2.6 → 12.4.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-plugin-media
 
+## 12.4.0
+
+### Minor Changes
+
+- [`a759f33417d9b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a759f33417d9b) -
+  [PIRA-1311](https://opsj.atlassian.net/browse/PIRA-1311) - clean up platform_editor_media_vc_fixes
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.3.0
+
+### Minor Changes
+
+- [`e8a04d9738c5a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e8a04d9738c5a) -
+  Add a rainbow `AIGeneratingOverlay` shown over media nodes during AI inline edits, gated by
+  `fg('cc-maui-phase-2-loading')` layered on top of the existing MAUI gates and killswitch.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.2.6
 
 ### Patch Changes

package/dist/cjs/nodeviews/lazy-media-group.js

@@ -1,35 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.lazyMediaGroupView = 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 _mediaGroup = require("./mediaGroup");
-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 lazyMediaGroupView = exports.lazyMediaGroupView = function lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var api = arguments.length > 4 ? arguments[4] : undefined;
-  if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-    return (0, _mediaGroup.ReactMediaGroupNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api);
-  }
-  return (0, _lazyNodeView.withLazyLoading)({
-    nodeName: 'mediaGroup',
-    getNodeViewOptions: function getNodeViewOptions() {},
-    loader: function loader() {
-      var result = Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-media-group-lazy-node-view" */
-        './mediaGroup'));
-      }).then(function (_ref) {
-        var ReactMediaGroupNode = _ref.ReactMediaGroupNode;
-        return function (node, view, getPos) {
-          return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api)(node, view, getPos);
-        };
-      });
-      return result;
-    }
-  });
+  return (0, _mediaGroup.ReactMediaGroupNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api);
 };

package/dist/cjs/nodeviews/mediaGroup.js

@@ -14,7 +14,6 @@ var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useMediaProvider = require("../ui/hooks/useMediaProvider");
 var _mediaGroupNext = require("./mediaGroupNext");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -67,9 +66,6 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
               editorDisabled = _ref3.editorDisabled,
               editorViewMode = _ref3.editorViewMode;
             var mediaProvider = mediaProviderFromState ? Promise.resolve(mediaProviderFromState) : undefined;
-            if (!mediaProvider && !(0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-              return null;
-            }
             return /*#__PURE__*/_react.default.createElement(_mediaGroupNext.MediaGroupNext, {
               node: _this.node,
               getPos: getPos,

package/dist/cjs/nodeviews/mediaNodeView/index.js

@@ -92,47 +92,41 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         width: '100%',
         height: '100%'
       };
-      if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        var pos = _this.getPos();
-        if (typeof pos !== 'number') {
-          return flexibleDimensions;
-        }
-        if (_this.hasBeenResized) {
-          return flexibleDimensions;
-        }
-        var mediaSingleNodeParent = _this.getMediaSingleNode(_this.getPos);
+      var pos = _this.getPos();
+      if (typeof pos !== 'number') {
+        return flexibleDimensions;
+      }
+      if (_this.hasBeenResized) {
+        return flexibleDimensions;
+      }
+      var mediaSingleNodeParent = _this.getMediaSingleNode(_this.getPos);
 
-        // If media parent not found, return default
-        if (!mediaSingleNodeParent) {
-          return flexibleDimensions;
-        }
-        if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
-          if (_this.hasPxWidthType(mediaSingleNodeParent)) {
-            return {
-              width: "".concat(mediaSingleNodeParent.attrs.width, "px"),
-              height: '100%'
-            };
-          }
-          return flexibleDimensions;
+      // If media parent not found, return default
+      if (!mediaSingleNodeParent) {
+        return flexibleDimensions;
+      }
+      if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
+        if (_this.hasPxWidthType(mediaSingleNodeParent)) {
+          return {
+            width: "".concat(mediaSingleNodeParent.attrs.width, "px"),
+            height: '100%'
+          };
         }
-
-        // Compute normal dimensions
-        var maxWidth = _this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent);
-        return {
-          width: "".concat(maxWidth, "px"),
-          height: '100%'
-        };
+        return flexibleDimensions;
       }
-      return flexibleDimensions;
+
+      // Compute normal dimensions
+      var maxWidth = _this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent);
+      return {
+        width: "".concat(maxWidth, "px"),
+        height: '100%'
+      };
     });
     (0, _defineProperty2.default)(_this, "getMediaProviderToUse", function (mediaOptions, mediaProvider) {
       if (mediaProvider) {
         return mediaProvider;
       }
-      if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        return mediaOptions.provider;
-      }
-      return mediaOptions.syncProvider ? Promise.resolve(mediaOptions.syncProvider) : mediaOptions.provider;
+      return mediaOptions.provider;
     });
     (0, _defineProperty2.default)(_this, "renderMediaNodeWithState", function (contextIdentifierProvider) {
       return function (_ref2) {
@@ -253,12 +247,10 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';
       }
-      if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        this.resizeListenerBinding = (0, _bindEventListener.bind)(domRef, {
-          type: 'resized',
-          listener: this.hasResizedListener
-        });
-      }
+      this.resizeListenerBinding = (0, _bindEventListener.bind)(domRef, {
+        type: 'resized',
+        listener: this.hasResizedListener
+      });
       return domRef;
     }
   }, {

package/dist/cjs/nodeviews/mediaNodeView/media.js

@@ -55,16 +55,8 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
             mediaProvider = _context.sent;
             if (mediaProvider) {
               viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
-              viewAndUploadMediaClientConfig = mediaProvider.viewAndUploadMediaClientConfig;
-              if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-                // Only update state if new configs are available and different from current state
-                if (viewMediaClientConfig && _this.state.viewMediaClientConfig !== viewMediaClientConfig || viewAndUploadMediaClientConfig && _this.state.viewAndUploadMediaClientConfig !== viewAndUploadMediaClientConfig) {
-                  _this.setState({
-                    viewMediaClientConfig: viewMediaClientConfig,
-                    viewAndUploadMediaClientConfig: viewAndUploadMediaClientConfig
-                  });
-                }
-              } else {
+              viewAndUploadMediaClientConfig = mediaProvider.viewAndUploadMediaClientConfig; // Only update state if new configs are available and different from current state
+              if (viewMediaClientConfig && _this.state.viewMediaClientConfig !== viewMediaClientConfig || viewAndUploadMediaClientConfig && _this.state.viewAndUploadMediaClientConfig !== viewAndUploadMediaClientConfig) {
                 _this.setState({
                   viewMediaClientConfig: viewMediaClientConfig,
                   viewAndUploadMediaClientConfig: viewAndUploadMediaClientConfig
@@ -167,7 +159,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
     _this.mediaPluginState = _pluginKey.stateKey.getState(view.state);
 
     // Initialize state from syncProvider (available on both server and client for SSR)
-    if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) && syncProvider) {
+    if (syncProvider) {
       _this.state = {
         viewMediaClientConfig: syncProvider.viewMediaClientConfig,
         viewAndUploadMediaClientConfig: syncProvider.viewAndUploadMediaClientConfig
@@ -181,7 +173,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
     value: function shouldComponentUpdate(nextProps, nextState) {
       var hasNewViewMediaClientConfig = !this.state.viewMediaClientConfig && nextState.viewMediaClientConfig;
       var hasNewViewAndUploadMediaClientConfig = !this.state.viewAndUploadMediaClientConfig && nextState.viewAndUploadMediaClientConfig;
-      if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.mediaProvider !== nextProps.mediaProvider || (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) && this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
+      if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.mediaProvider !== nextProps.mediaProvider || this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
         return true;
       }
       return false;
@@ -319,17 +311,10 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
       // Check if we have any media client config available (syncProvider, state, or upload config)
       var hasNoMediaClientConfig = !viewMediaClientConfig && ((0, _platformFeatureFlags.fg)('platform_media_video_captions') ? !viewAndUploadMediaClientConfig : true);
       if (isLoading || type !== 'external' && hasNoMediaClientConfig) {
-        if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-          return /*#__PURE__*/_react.default.createElement(_styles.MediaCardWrapper, {
-            dimensions: originalDimensions,
-            borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
-            selected: selected
-          }, /*#__PURE__*/_react.default.createElement(_mediaCard.CardLoading, {
-            interactionName: "editor-media-card-loading"
-          }));
-        }
         return /*#__PURE__*/_react.default.createElement(_styles.MediaCardWrapper, {
-          dimensions: originalDimensions
+          dimensions: originalDimensions,
+          borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
+          selected: selected
         }, /*#__PURE__*/_react.default.createElement(_mediaCard.CardLoading, {
           interactionName: "editor-media-card-loading"
         }));

package/dist/cjs/nodeviews/mediaSingle.js

@@ -19,7 +19,6 @@ var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _utils = require("@atlaskit/editor-common/utils");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _main = require("../pm-plugins/main");
 var _mediaSingleNext = require("./mediaSingleNext");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -232,7 +231,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
         };
       }
       // Detect mediaSingle width attribute changes and signal child media node to update
-      if (!this.hasResized && this.node.attrs.width !== node.attrs.width && (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
+      if (!this.hasResized && this.node.attrs.width !== node.attrs.width) {
         var target = this.dom.querySelector('div[data-prosemirror-node-name="media"]');
         target === null || target === void 0 || target.dispatchEvent(new CustomEvent('resized'));
       }

package/dist/cjs/nodeviews/mediaSingleNext.js

@@ -509,7 +509,7 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
     onClick: clickPlaceholder,
     placeholderMessage: mediaOptions.allowImagePreview ? _media.captionMessages.placeholderWithDoubleClickPrompt : _media.captionMessages.placeholder
   })));
-  if (!(0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) || widthType !== 'pixel' && (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
+  if (widthType !== 'pixel' && (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
     return (0, _react2.jsx)(_react.Fragment, null, canResize ? mediaOptions.allowPixelResizing ? (0, _react2.jsx)(_ResizableMediaSingleNext.default, {
       view: view,
       getPos: getPos,
@@ -529,7 +529,7 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
       hasFallbackContainer: false,
       mediaSingleWidth: mediaSingleWidth,
       editorAppearance: editorAppearance,
-      showLegacyNotification: widthType !== 'pixel',
+      showLegacyNotification: true,
       forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
     }, MediaChildren) : (0, _react2.jsx)(_ResizableMediaSingle.default, {
       view: view,

package/dist/cjs/nodeviews/toDOM-fixes/mediaSingle.js

@@ -8,7 +8,6 @@ exports.prepareWrapperContentDOM = exports.mediaWidthCSSCalc = exports.mediaSing
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _toDOMAttrs = require("./toDOMAttrs");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -54,17 +53,9 @@ var mediaWidthCSSCalc = exports.mediaWidthCSSCalc = function mediaWidthCSSCalc(_
   } else if (shouldHardCodePixelWidth) {
     cssCalc = "min(".concat(mediaSingleDimensionWidth, "px, ").concat(fullContainerWidth, ")");
   } else if (shouldUseBreakoutWideLogic) {
-    if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-      cssCalc = "max(var(--ak-editor--line-length), min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor-max-container-width)))";
-    } else {
-      cssCalc = "max(var(--ak-editor--line-length), min(var(--ak-editor--breakout-wide-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))";
-    }
+    cssCalc = "max(var(--ak-editor--line-length), min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor-max-container-width)))";
   } else if (shouldUseBreakoutFullWidthLogic) {
-    if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-      cssCalc = "max(var(--ak-editor--line-length), min(var(--ak-editor--full-width-layout-width), var(--ak-editor-max-container-width)))";
-    } else {
-      cssCalc = "max(var(--ak-editor--line-length), min(var(--ak-editor--full-width-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))";
-    }
+    cssCalc = "max(var(--ak-editor--line-length), min(var(--ak-editor--full-width-layout-width), var(--ak-editor-max-container-width)))";
   } else {
     cssCalc = "max(min(".concat(baseWidth, "px, min(100cqw, 100%)), ").concat(GUTTER_SIZE, ")");
   }

package/dist/cjs/pm-plugins/ai-generating-decoration.js

@@ -14,6 +14,8 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -113,9 +115,10 @@ function createAIGeneratingDecorationPlugin() {
         };
       },
       apply: function apply(tr, pluginState, _oldState, newState) {
-        // Killswitch — if active, clear any existing decorations and stop
+        // Disabled when killswitch is on or gate/experiment off — drop decorations.
+        if (
         // eslint-disable-next-line @atlaskit/platform/use-recommended-utils -- dynamic config killswitch, not a standard feature gate
-        if (_featureGateJsClient.default.getExperimentValue('maui_ai_border_killswitch', 'value', false)) {
+        _featureGateJsClient.default.getExperimentValue('maui_ai_border_killswitch', 'value', false) || !(0, _platformFeatureFlags.fg)('cc-maui-phase-2-loading') || !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true)) {
           if (pluginState.generatingMediaIds.size > 0) {
             return {
               generatingMediaIds: new Set(),

package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -21,7 +21,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _main = require("../../pm-plugins/main");
 var _analytics = require("../../pm-plugins/utils/analytics");
@@ -213,11 +212,7 @@ var ResizableMediaSingleNextFunctional = exports.ResizableMediaSingleNextFunctio
     _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
     hasResized = _useState0[0],
     setHasResized = _useState0[1];
-  var nodePosition = (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) ? getNodePosition(getPos) :
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _react.useMemo)(function () {
-    return getNodePosition(getPos);
-  }, [getPos]);
+  var nodePosition = getNodePosition(getPos);
   var isNestedNode = (0, _react.useMemo)(function () {
     if (nodePosition === null) {
       return false;
@@ -252,7 +247,7 @@ var ResizableMediaSingleNextFunctional = exports.ResizableMediaSingleNextFunctio
     if (isAdjacentMode || fullWidthMode) {
       return lineLength;
     }
-    if (!isResizing && (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
+    if (!isResizing) {
       return "var(--ak-editor-max-container-width)";
     }
     return calcMaxWidth({
@@ -269,7 +264,7 @@ var ResizableMediaSingleNextFunctional = exports.ResizableMediaSingleNextFunctio
   var minViewWidth = isResizing ? minWidth : "min(".concat(minWidth, "px, 100%)");
   var resizerNextClassName = (0, _react.useMemo)(function () {
     var classNameNext = (0, _classnames.default)(_styles.richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', className, _styles.resizerItemClassName, {
-      'display-handle': (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) ? selected && !disableHandles : selected,
+      'display-handle': selected && !disableHandles,
       'richMedia-selected': selected,
       'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
     });
@@ -284,7 +279,7 @@ var ResizableMediaSingleNextFunctional = exports.ResizableMediaSingleNextFunctio
     return !!(0, _utils2.findParentNodeOfTypeClosestToPos)($pos, [listItem]);
   }, [nodePosition, view]);
   var enable = (0, _react.useMemo)(function () {
-    if (disableHandles && (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
+    if (disableHandles) {
       return {
         left: false,
         right: false
@@ -391,7 +386,7 @@ var ResizableMediaSingleNextFunctional = exports.ResizableMediaSingleNextFunctio
       height = _calculateSizeState.height,
       newLayout = _calculateSizeState.layout;
     var resizerDomEl = resizerContainerRef.current;
-    if (resizerDomEl && !hasResized && (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
+    if (resizerDomEl && !hasResized) {
       // dispatch resize event to media node DOM element inside resizerDom
       var mediaDomEl = resizerDomEl.querySelector('div[data-prosemirror-node-name="media"]');
       var event = new CustomEvent('resized');
@@ -526,7 +521,7 @@ var ResizableMediaSingleNextFunctional = exports.ResizableMediaSingleNextFunctio
     snap: snaps,
     resizeRatio: _utils.nonWrappedLayouts.includes(layout) ? 2 : 1,
     "data-testid": resizerNextTestId,
-    isHandleVisible: (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) ? selected && !disableHandles : selected,
+    isHandleVisible: selected && !disableHandles,
     handlePositioning: handlePositioning,
     handleHighlight: "full-height"
   }, children, showLegacyNotification && (0, _react2.jsx)(_ResizableMediaMigrationNotification.ResizableMediaMigrationNotification, null)));

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

@@ -21,7 +21,6 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _checkMediaType = require("../../pm-plugins/utils/check-media-type");
 var _styled = require("./styled");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -58,7 +57,7 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
       var _this$props2 = _this.props,
         layout = _this$props2.layout,
         state = _this$props2.view.state;
-      if (!_this.hasResized && (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
+      if (!_this.hasResized) {
         var _this$wrapper;
         var mediaDomEl = (_this$wrapper = _this.wrapper) === null || _this$wrapper === void 0 ? void 0 : _this$wrapper.querySelector('div[data-prosemirror-node-name="media"]');
         if (mediaDomEl) {
@@ -365,11 +364,9 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
       var enable = {};
       _ui.handleSides.forEach(function (side) {
         var oppositeSide = side === 'left' ? 'right' : 'left';
-        if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-          if (_this2.props.disableHandles) {
-            enable[side] = false;
-            return;
-          }
+        if (_this2.props.disableHandles) {
+          enable[side] = false;
+          return;
         }
         enable[side] = ['full-width', 'wide', 'center'].concat("wrap-".concat(oppositeSide)).concat("align-".concat(_ui.imageAlignmentMap[oppositeSide])).indexOf(layout) > -1;
         if (side === 'left' && _this2.insideInlineLike) {

package/dist/es2019/nodeviews/lazy-media-group.js

@@ -1,23 +1,4 @@
-import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ReactMediaGroupNode } from './mediaGroup';
 export const lazyMediaGroupView = (portalProviderAPI, eventDispatcher, providerFactory, options = {}, api) => {
-  if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-    return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api);
-  }
-  return withLazyLoading({
-    nodeName: 'mediaGroup',
-    getNodeViewOptions: () => {},
-    loader: () => {
-      const result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-media-group-lazy-node-view" */
-      './mediaGroup').then(({
-        ReactMediaGroupNode
-      }) => {
-        return (node, view, getPos) => {
-          return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api)(node, view, getPos);
-        };
-      });
-      return result;
-    }
-  });
+  return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api);
 };

package/dist/es2019/nodeviews/mediaGroup.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useMediaProvider } from '../ui/hooks/useMediaProvider';
 import { MediaGroupNext } from './mediaGroupNext';
 const selector = states => {
@@ -51,9 +50,6 @@ class MediaGroupNodeView extends ReactNodeView {
           editorViewMode
         }) => {
           const mediaProvider = mediaProviderFromState ? Promise.resolve(mediaProviderFromState) : undefined;
-          if (!mediaProvider && !expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-            return null;
-          }
           return /*#__PURE__*/React.createElement(MediaGroupNext, {
             node: this.node,
             getPos: getPos,

package/dist/es2019/nodeviews/mediaNodeView/index.js

@@ -72,47 +72,41 @@ class MediaNodeView extends SelectionBasedNodeView {
         width: '100%',
         height: '100%'
       };
-      if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        const pos = this.getPos();
-        if (typeof pos !== 'number') {
-          return flexibleDimensions;
-        }
-        if (this.hasBeenResized) {
-          return flexibleDimensions;
-        }
-        const mediaSingleNodeParent = this.getMediaSingleNode(this.getPos);
+      const pos = this.getPos();
+      if (typeof pos !== 'number') {
+        return flexibleDimensions;
+      }
+      if (this.hasBeenResized) {
+        return flexibleDimensions;
+      }
+      const mediaSingleNodeParent = this.getMediaSingleNode(this.getPos);
 
-        // If media parent not found, return default
-        if (!mediaSingleNodeParent) {
-          return flexibleDimensions;
-        }
-        if (expValEquals('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
-          if (this.hasPxWidthType(mediaSingleNodeParent)) {
-            return {
-              width: `${mediaSingleNodeParent.attrs.width}px`,
-              height: '100%'
-            };
-          }
-          return flexibleDimensions;
+      // If media parent not found, return default
+      if (!mediaSingleNodeParent) {
+        return flexibleDimensions;
+      }
+      if (expValEquals('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
+        if (this.hasPxWidthType(mediaSingleNodeParent)) {
+          return {
+            width: `${mediaSingleNodeParent.attrs.width}px`,
+            height: '100%'
+          };
         }
-
-        // Compute normal dimensions
-        const maxWidth = this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent);
-        return {
-          width: `${maxWidth}px`,
-          height: '100%'
-        };
+        return flexibleDimensions;
       }
-      return flexibleDimensions;
+
+      // Compute normal dimensions
+      const maxWidth = this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent);
+      return {
+        width: `${maxWidth}px`,
+        height: '100%'
+      };
     });
     _defineProperty(this, "getMediaProviderToUse", (mediaOptions, mediaProvider) => {
       if (mediaProvider) {
         return mediaProvider;
       }
-      if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        return mediaOptions.provider;
-      }
-      return mediaOptions.syncProvider ? Promise.resolve(mediaOptions.syncProvider) : mediaOptions.provider;
+      return mediaOptions.provider;
     });
     _defineProperty(this, "renderMediaNodeWithState", contextIdentifierProvider => {
       return ({
@@ -237,12 +231,10 @@ class MediaNodeView extends SelectionBasedNodeView {
       // see also: https://github.com/ProseMirror/prosemirror/issues/884
       domRef.contentEditable = 'true';
     }
-    if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-      this.resizeListenerBinding = bind(domRef, {
-        type: 'resized',
-        listener: this.hasResizedListener
-      });
-    }
+    this.resizeListenerBinding = bind(domRef, {
+      type: 'resized',
+      listener: this.hasResizedListener
+    });
     return domRef;
   }
   viewShouldUpdate(nextNode, decorations) {

package/dist/es2019/nodeviews/mediaNodeView/media.js

@@ -31,15 +31,8 @@ export class MediaNode extends Component {
       if (mediaProvider) {
         const viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
         const viewAndUploadMediaClientConfig = mediaProvider.viewAndUploadMediaClientConfig;
-        if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-          // Only update state if new configs are available and different from current state
-          if (viewMediaClientConfig && this.state.viewMediaClientConfig !== viewMediaClientConfig || viewAndUploadMediaClientConfig && this.state.viewAndUploadMediaClientConfig !== viewAndUploadMediaClientConfig) {
-            this.setState({
-              viewMediaClientConfig,
-              viewAndUploadMediaClientConfig
-            });
-          }
-        } else {
+        // Only update state if new configs are available and different from current state
+        if (viewMediaClientConfig && this.state.viewMediaClientConfig !== viewMediaClientConfig || viewAndUploadMediaClientConfig && this.state.viewAndUploadMediaClientConfig !== viewAndUploadMediaClientConfig) {
           this.setState({
             viewMediaClientConfig,
             viewAndUploadMediaClientConfig
@@ -140,7 +133,7 @@ export class MediaNode extends Component {
     this.mediaPluginState = mediaStateKey.getState(view.state);
 
     // Initialize state from syncProvider (available on both server and client for SSR)
-    if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) && syncProvider) {
+    if (syncProvider) {
       this.state = {
         viewMediaClientConfig: syncProvider.viewMediaClientConfig,
         viewAndUploadMediaClientConfig: syncProvider.viewAndUploadMediaClientConfig
@@ -150,7 +143,7 @@ export class MediaNode extends Component {
   shouldComponentUpdate(nextProps, nextState) {
     const hasNewViewMediaClientConfig = !this.state.viewMediaClientConfig && nextState.viewMediaClientConfig;
     const hasNewViewAndUploadMediaClientConfig = !this.state.viewAndUploadMediaClientConfig && nextState.viewAndUploadMediaClientConfig;
-    if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.mediaProvider !== nextProps.mediaProvider || expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) && this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
+    if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.isAIGenerating !== nextProps.isAIGenerating || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.mediaProvider !== nextProps.mediaProvider || this.props.syncProvider !== nextProps.syncProvider || hasNewViewMediaClientConfig || hasNewViewAndUploadMediaClientConfig) {
       return true;
     }
     return false;
@@ -260,17 +253,10 @@ export class MediaNode extends Component {
     // Check if we have any media client config available (syncProvider, state, or upload config)
     const hasNoMediaClientConfig = !viewMediaClientConfig && (fg('platform_media_video_captions') ? !viewAndUploadMediaClientConfig : true);
     if (isLoading || type !== 'external' && hasNoMediaClientConfig) {
-      if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        return /*#__PURE__*/React.createElement(MediaCardWrapper, {
-          dimensions: originalDimensions,
-          borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
-          selected: selected
-        }, /*#__PURE__*/React.createElement(CardLoading, {
-          interactionName: "editor-media-card-loading"
-        }));
-      }
       return /*#__PURE__*/React.createElement(MediaCardWrapper, {
-        dimensions: originalDimensions
+        dimensions: originalDimensions,
+        borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
+        selected: selected
       }, /*#__PURE__*/React.createElement(CardLoading, {
         interactionName: "editor-media-card-loading"
       }));