@atlaskit/editor-plugin-media 1.39.2 → 1.39.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-media
 
+## 1.39.3
+
+### Patch Changes
+
+- [#158691](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158691)
+  [`70ef661bbbb4d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/70ef661bbbb4d) -
+  Update feature flag to gate
+- Updated dependencies
+
 ## 1.39.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaSingle.js

@@ -486,7 +486,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         mediaElement: currentMediaElement(),
         mediaHeight: height,
         mediaWidth: width,
-        extendedResizeOffset: (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience') && !isInsideTable
+        extendedResizeOffset: (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience') && !isInsideTable
       }, function (_ref5) {
         var badgeSize = _ref5.badgeSize;
         return (0, _react2.jsx)(_react.default.Fragment, null, shouldShowExternalMediaBadge && (0, _react2.jsx)(_mediaSingle.ExternalImageBadge, {
@@ -518,7 +518,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       })));
-      return (0, _react2.jsx)(_react.Fragment, null, canResize ? (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience') ? (0, _react2.jsx)(_ResizableMediaSingleNext.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
+      return (0, _react2.jsx)(_react.Fragment, null, canResize ? (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience') ? (0, _react2.jsx)(_ResizableMediaSingleNext.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
         showLegacyNotification: widthType !== 'pixel'
       }), MediaChildren) : (0, _react2.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
         lineLength: contentWidthForLegacyExperience,
@@ -652,7 +652,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';
       }
-      if ((0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')) {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience')) {
         domRef.classList.add('media-extended-resize-experience');
       }
       return domRef;

package/dist/cjs/nodeviews/mediaSingleNext.js

@@ -493,7 +493,7 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
     mediaElement: currentMediaElement(),
     mediaHeight: height,
     mediaWidth: width,
-    extendedResizeOffset: (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience') && !isInsideTable
+    extendedResizeOffset: (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience') && !isInsideTable
   }, function (_ref7) {
     var badgeSize = _ref7.badgeSize;
     return (0, _react2.jsx)(_react.default.Fragment, null, shouldShowExternalMediaBadge && (0, _react2.jsx)(_mediaSingle.ExternalImageBadge, {
@@ -525,7 +525,7 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
     ref: captionPlaceHolderRef,
     onClick: clickPlaceholder
   })));
-  return (0, _react2.jsx)(_react.Fragment, null, canResize ? (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience') ? (0, _react2.jsx)(_ResizableMediaSingleNext.default, {
+  return (0, _react2.jsx)(_react.Fragment, null, canResize ? (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience') ? (0, _react2.jsx)(_ResizableMediaSingleNext.default, {
     view: view,
     getPos: getPos,
     updateSize: updateSize,

package/dist/cjs/plugin.js

@@ -134,7 +134,7 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
         allowCaptions = _ref5.allowCaptions,
         mediaFeatureFlags = _ref5.featureFlags;
       var allowMediaInline = (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', mediaFeatureFlags);
-      var mediaSingleOption = (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience') ? {
+      var mediaSingleOption = (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience') ? {
         withCaption: allowCaptions,
         withExtendedWidthTypes: true
       } : {

package/dist/cjs/pm-plugins/keymap.js

@@ -27,7 +27,7 @@ function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, widthPlug
   }
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.insertNewLine.common, splitMediaGroup, list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.enter.common, splitMediaGroup, list);
-  if ((0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')) {
+  if ((0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience')) {
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
   }

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

@@ -166,7 +166,7 @@ var toDOM = exports.toDOM = function toDOM(node) {
   var isExternalMedia = (childNode === null || childNode === void 0 ? void 0 : childNode.attrs.type) === 'external';
   var childMediaWidth = (childNode === null || childNode === void 0 ? void 0 : childNode.attrs.width) || DEFAULT_IMAGE_WIDTH;
   var childMediaHeight = (childNode === null || childNode === void 0 ? void 0 : childNode.attrs.height) || DEFAULT_IMAGE_HEIGHT;
-  var dataAttrs = (0, _toDOMAttrs.getAttrsFromNodeMediaSingle)((0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience'), node);
+  var dataAttrs = (0, _toDOMAttrs.getAttrsFromNodeMediaSingle)((0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience'), node);
   var content = prepareWrapperContentDOM({
     layout: layout,
     dataAttrs: dataAttrs,
@@ -174,14 +174,14 @@ var toDOM = exports.toDOM = function toDOM(node) {
     childMediaHeight: childMediaHeight,
     mediaSingleDimensionWidth: mediaSingleAttrs.width,
     isPixelWidth: isPixelWidth,
-    isExtendedResizeExperience: (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')
+    isExtendedResizeExperience: (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience')
   });
   var isMediaWrapped = WRAPPED_LAYOUTS.includes(layout);
   var proportionCalc = mediaProportionalWidthCSSCalc({
     isPixelWidth: isPixelWidth,
     isMediaWrapped: isMediaWrapped,
     mediaSingleDimensionWidth: mediaSingleAttrs === null || mediaSingleAttrs === void 0 ? void 0 : mediaSingleAttrs.width,
-    isExtendedResizeExperience: (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')
+    isExtendedResizeExperience: (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience')
   });
   var contentWrapperWidth = mediaContentWrapperWidthCSSCalc({
     isMediaWrapped: isMediaWrapped,

package/dist/cjs/toolbar/index.js

@@ -234,7 +234,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     var widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width;
     var isChangingLayoutDisabled = false;
     var selectedNode = (0, _utils2.getSelectedMediaSingle)(state);
-    if ((0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')) {
+    if ((0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience')) {
       var _widthPlugin$sharedSt;
       var contentWidth = widthPlugin === null || widthPlugin === void 0 || (_widthPlugin$sharedSt = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt === void 0 ? void 0 : _widthPlugin$sharedSt.lineLength;
       var selectedNodeMaxWidth = pluginState.currentMaxWidth || contentWidth;
@@ -327,7 +327,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     // Pixel Entry Toolbar Support
     var selection = state.selection;
     var isWithinTable = (0, _utils.hasParentNodeOfType)([state.schema.nodes.table])(selection);
-    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')) {
+    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience')) {
       var selectedMediaSingleNode = (0, _utils2.getSelectedMediaSingle)(state);
       var sizeInput = {
         type: 'custom',
@@ -653,7 +653,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
     scrollable: true,
     mediaAssistiveMessage: assistiveMessage
   });
-  if (allowResizing && (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience')) {
+  if (allowResizing && (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience')) {
     return _objectSpread(_objectSpread({}, toolbarConfig), {}, {
       width: mediaPluginState.isResizing ? undefined : (0, _utils2.getMaxToolbarWidth)()
     });

package/dist/cjs/utils/media-single.js

@@ -104,7 +104,7 @@ var insertMediaAsMediaSingle = exports.insertMediaAsMediaSingle = function inser
   if (node.type !== media || !(0, _isType.isImage)(node.attrs.__fileMimeType) && node.attrs.type !== 'external') {
     return false;
   }
-  var resizeExperience = (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience');
+  var resizeExperience = (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience');
   var insertMediaPopup = (0, _experiments.editorExperiment)('add-media-from-url', true);
   var mediaSingleAttrs = resizeExperience && insertMediaPopup ? {
     widthType: 'pixel',
@@ -246,7 +246,7 @@ var createMediaSingleNode = function createMediaSingleNode(schema, collection, m
     var mediaSingleAttrs = alignLeftOnInsert ? {
       layout: 'align-start'
     } : {};
-    var extendedMediaSingleAttrs = (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience') ? _objectSpread(_objectSpread({}, mediaSingleAttrs), {}, {
+    var extendedMediaSingleAttrs = (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience') ? _objectSpread(_objectSpread({}, mediaSingleAttrs), {}, {
       width: (0, _mediaSingle.getMediaSingleInitialWidth)(scaledWidth, maxWidth, minWidth),
       // TODO: change to use enum
       widthType: 'pixel'
@@ -264,7 +264,7 @@ var replaceWithMediaSingleNode = function replaceWithMediaSingleNode(schema, max
     var copiedMediaNode = media.create(_objectSpread(_objectSpread({}, mediaNode.attrs), {}, {
       type: 'file'
     }), mediaNode.content, mediaNode.marks);
-    var extendedMediaSingleAttrs = (0, _platformFeatureFlags.fg)('platform.editor.media.extended-resize-experience') ? {
+    var extendedMediaSingleAttrs = (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience') ? {
       width: (0, _mediaSingle.getMediaSingleInitialWidth)(width, maxWidth, minWidth),
       widthType: 'pixel'
     } : {};

package/dist/es2019/nodeviews/mediaSingle.js

@@ -404,7 +404,7 @@ export default class MediaSingleNode extends Component {
       mediaElement: currentMediaElement(),
       mediaHeight: height,
       mediaWidth: width,
-      extendedResizeOffset: fg('platform.editor.media.extended-resize-experience') && !isInsideTable
+      extendedResizeOffset: fg('platform_editor_media_extended_resize_experience') && !isInsideTable
     }, ({
       badgeSize
     }) => jsx(React.Fragment, null, shouldShowExternalMediaBadge && jsx(ExternalImageBadge, {
@@ -435,7 +435,7 @@ export default class MediaSingleNode extends Component {
       ref: this.captionPlaceHolderRef,
       onClick: this.clickPlaceholder
     })));
-    return jsx(Fragment, null, canResize ? fg('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, _extends({}, resizableMediaSingleProps, {
+    return jsx(Fragment, null, canResize ? fg('platform_editor_media_extended_resize_experience') ? jsx(ResizableMediaSingleNext, _extends({}, resizableMediaSingleProps, {
       showLegacyNotification: widthType !== 'pixel'
     }), MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
       lineLength: contentWidthForLegacyExperience,
@@ -559,7 +559,7 @@ class MediaSingleNodeView extends ReactNodeView {
       // see also: https://github.com/ProseMirror/prosemirror/issues/884
       domRef.contentEditable = 'true';
     }
-    if (fg('platform.editor.media.extended-resize-experience')) {
+    if (fg('platform_editor_media_extended_resize_experience')) {
       domRef.classList.add('media-extended-resize-experience');
     }
     return domRef;

package/dist/es2019/nodeviews/mediaSingleNext.js

@@ -454,7 +454,7 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
     mediaElement: currentMediaElement(),
     mediaHeight: height,
     mediaWidth: width,
-    extendedResizeOffset: fg('platform.editor.media.extended-resize-experience') && !isInsideTable
+    extendedResizeOffset: fg('platform_editor_media_extended_resize_experience') && !isInsideTable
   }, ({
     badgeSize
   }) => jsx(React.Fragment, null, shouldShowExternalMediaBadge && jsx(ExternalImageBadge, {
@@ -485,7 +485,7 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
     ref: captionPlaceHolderRef,
     onClick: clickPlaceholder
   })));
-  return jsx(Fragment, null, canResize ? fg('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, {
+  return jsx(Fragment, null, canResize ? fg('platform_editor_media_extended_resize_experience') ? jsx(ResizableMediaSingleNext, {
     view: view,
     getPos: getPos,
     updateSize: updateSize,

package/dist/es2019/plugin.js

@@ -126,7 +126,7 @@ export const mediaPlugin = ({
         featureFlags: mediaFeatureFlags
       } = options || {};
       const allowMediaInline = getMediaFeatureFlag('mediaInline', mediaFeatureFlags);
-      const mediaSingleOption = fg('platform.editor.media.extended-resize-experience') ? {
+      const mediaSingleOption = fg('platform_editor_media_extended_resize_experience') ? {
         withCaption: allowCaptions,
         withExtendedWidthTypes: true
       } : {

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

@@ -21,7 +21,7 @@ function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, widthPlug
   }
   bindKeymapWithCommand(insertNewLine.common, splitMediaGroup, list);
   bindKeymapWithCommand(enter.common, splitMediaGroup, list);
-  if (fg('platform.editor.media.extended-resize-experience')) {
+  if (fg('platform_editor_media_extended_resize_experience')) {
     bindKeymapWithCommand(increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
     bindKeymapWithCommand(decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
   }

package/dist/es2019/toDOM-fixes/mediaSingle.js

@@ -162,7 +162,7 @@ export const toDOM = node => {
   const isExternalMedia = (childNode === null || childNode === void 0 ? void 0 : childNode.attrs.type) === 'external';
   const childMediaWidth = (childNode === null || childNode === void 0 ? void 0 : childNode.attrs.width) || DEFAULT_IMAGE_WIDTH;
   const childMediaHeight = (childNode === null || childNode === void 0 ? void 0 : childNode.attrs.height) || DEFAULT_IMAGE_HEIGHT;
-  const dataAttrs = getAttrsFromNodeMediaSingle(fg('platform.editor.media.extended-resize-experience'), node);
+  const dataAttrs = getAttrsFromNodeMediaSingle(fg('platform_editor_media_extended_resize_experience'), node);
   const content = prepareWrapperContentDOM({
     layout,
     dataAttrs,
@@ -170,14 +170,14 @@ export const toDOM = node => {
     childMediaHeight,
     mediaSingleDimensionWidth: mediaSingleAttrs.width,
     isPixelWidth,
-    isExtendedResizeExperience: fg('platform.editor.media.extended-resize-experience')
+    isExtendedResizeExperience: fg('platform_editor_media_extended_resize_experience')
   });
   const isMediaWrapped = WRAPPED_LAYOUTS.includes(layout);
   const proportionCalc = mediaProportionalWidthCSSCalc({
     isPixelWidth,
     isMediaWrapped,
     mediaSingleDimensionWidth: mediaSingleAttrs === null || mediaSingleAttrs === void 0 ? void 0 : mediaSingleAttrs.width,
-    isExtendedResizeExperience: fg('platform.editor.media.extended-resize-experience')
+    isExtendedResizeExperience: fg('platform_editor_media_extended_resize_experience')
   });
   const contentWrapperWidth = mediaContentWrapperWidthCSSCalc({
     isMediaWrapped,

package/dist/es2019/toolbar/index.js

@@ -228,7 +228,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
     const widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width;
     let isChangingLayoutDisabled = false;
     const selectedNode = getSelectedMediaSingle(state);
-    if (fg('platform.editor.media.extended-resize-experience')) {
+    if (fg('platform_editor_media_extended_resize_experience')) {
       var _widthPlugin$sharedSt;
       const contentWidth = widthPlugin === null || widthPlugin === void 0 ? void 0 : (_widthPlugin$sharedSt = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt === void 0 ? void 0 : _widthPlugin$sharedSt.lineLength;
       const selectedNodeMaxWidth = pluginState.currentMaxWidth || contentWidth;
@@ -319,7 +319,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
       selection
     } = state;
     const isWithinTable = hasParentNodeOfType([state.schema.nodes.table])(selection);
-    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && fg('platform.editor.media.extended-resize-experience')) {
+    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && fg('platform_editor_media_extended_resize_experience')) {
       const selectedMediaSingleNode = getSelectedMediaSingle(state);
       const sizeInput = {
         type: 'custom',
@@ -656,7 +656,7 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
     scrollable: true,
     mediaAssistiveMessage: assistiveMessage
   };
-  if (allowResizing && fg('platform.editor.media.extended-resize-experience')) {
+  if (allowResizing && fg('platform_editor_media_extended_resize_experience')) {
     return {
       ...toolbarConfig,
       width: mediaPluginState.isResizing ? undefined : getMaxToolbarWidth()

package/dist/es2019/utils/media-single.js

@@ -93,7 +93,7 @@ export const insertMediaAsMediaSingle = (view, node, inputMethod, editorAnalytic
   if (node.type !== media || !isImage(node.attrs.__fileMimeType) && node.attrs.type !== 'external') {
     return false;
   }
-  const resizeExperience = fg('platform.editor.media.extended-resize-experience');
+  const resizeExperience = fg('platform_editor_media_extended_resize_experience');
   const insertMediaPopup = editorExperiment('add-media-from-url', true);
   const mediaSingleAttrs = resizeExperience && insertMediaPopup ? {
     widthType: 'pixel',
@@ -244,7 +244,7 @@ const createMediaSingleNode = (schema, collection, maxWidth, minWidth, alignLeft
   const mediaSingleAttrs = alignLeftOnInsert ? {
     layout: 'align-start'
   } : {};
-  const extendedMediaSingleAttrs = fg('platform.editor.media.extended-resize-experience') ? {
+  const extendedMediaSingleAttrs = fg('platform_editor_media_extended_resize_experience') ? {
     ...mediaSingleAttrs,
     width: getMediaSingleInitialWidth(scaledWidth, maxWidth, minWidth),
     // TODO: change to use enum
@@ -265,7 +265,7 @@ const replaceWithMediaSingleNode = (schema, maxWidth, minWidth) => mediaNode =>
     ...mediaNode.attrs,
     type: 'file'
   }, mediaNode.content, mediaNode.marks);
-  const extendedMediaSingleAttrs = fg('platform.editor.media.extended-resize-experience') ? {
+  const extendedMediaSingleAttrs = fg('platform_editor_media_extended_resize_experience') ? {
     width: getMediaSingleInitialWidth(width, maxWidth, minWidth),
     widthType: 'pixel'
   } : {};

package/dist/esm/nodeviews/mediaSingle.js

@@ -480,7 +480,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         mediaElement: currentMediaElement(),
         mediaHeight: height,
         mediaWidth: width,
-        extendedResizeOffset: fg('platform.editor.media.extended-resize-experience') && !isInsideTable
+        extendedResizeOffset: fg('platform_editor_media_extended_resize_experience') && !isInsideTable
       }, function (_ref5) {
         var badgeSize = _ref5.badgeSize;
         return jsx(React.Fragment, null, shouldShowExternalMediaBadge && jsx(ExternalImageBadge, {
@@ -512,7 +512,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       })));
-      return jsx(Fragment, null, canResize ? fg('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, _extends({}, resizableMediaSingleProps, {
+      return jsx(Fragment, null, canResize ? fg('platform_editor_media_extended_resize_experience') ? jsx(ResizableMediaSingleNext, _extends({}, resizableMediaSingleProps, {
         showLegacyNotification: widthType !== 'pixel'
       }), MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
         lineLength: contentWidthForLegacyExperience,
@@ -647,7 +647,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';
       }
-      if (fg('platform.editor.media.extended-resize-experience')) {
+      if (fg('platform_editor_media_extended_resize_experience')) {
         domRef.classList.add('media-extended-resize-experience');
       }
       return domRef;

package/dist/esm/nodeviews/mediaSingleNext.js

@@ -486,7 +486,7 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
     mediaElement: currentMediaElement(),
     mediaHeight: height,
     mediaWidth: width,
-    extendedResizeOffset: fg('platform.editor.media.extended-resize-experience') && !isInsideTable
+    extendedResizeOffset: fg('platform_editor_media_extended_resize_experience') && !isInsideTable
   }, function (_ref7) {
     var badgeSize = _ref7.badgeSize;
     return jsx(React.Fragment, null, shouldShowExternalMediaBadge && jsx(ExternalImageBadge, {
@@ -518,7 +518,7 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
     ref: captionPlaceHolderRef,
     onClick: clickPlaceholder
   })));
-  return jsx(Fragment, null, canResize ? fg('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, {
+  return jsx(Fragment, null, canResize ? fg('platform_editor_media_extended_resize_experience') ? jsx(ResizableMediaSingleNext, {
     view: view,
     getPos: getPos,
     updateSize: updateSize,

package/dist/esm/plugin.js

@@ -124,7 +124,7 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
         allowCaptions = _ref5.allowCaptions,
         mediaFeatureFlags = _ref5.featureFlags;
       var allowMediaInline = getMediaFeatureFlag('mediaInline', mediaFeatureFlags);
-      var mediaSingleOption = fg('platform.editor.media.extended-resize-experience') ? {
+      var mediaSingleOption = fg('platform_editor_media_extended_resize_experience') ? {
         withCaption: allowCaptions,
         withExtendedWidthTypes: true
       } : {

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

@@ -21,7 +21,7 @@ function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, widthPlug
   }
   bindKeymapWithCommand(insertNewLine.common, splitMediaGroup, list);
   bindKeymapWithCommand(enter.common, splitMediaGroup, list);
-  if (fg('platform.editor.media.extended-resize-experience')) {
+  if (fg('platform_editor_media_extended_resize_experience')) {
     bindKeymapWithCommand(increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
     bindKeymapWithCommand(decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
   }

package/dist/esm/toDOM-fixes/mediaSingle.js

@@ -159,7 +159,7 @@ export var toDOM = function toDOM(node) {
   var isExternalMedia = (childNode === null || childNode === void 0 ? void 0 : childNode.attrs.type) === 'external';
   var childMediaWidth = (childNode === null || childNode === void 0 ? void 0 : childNode.attrs.width) || DEFAULT_IMAGE_WIDTH;
   var childMediaHeight = (childNode === null || childNode === void 0 ? void 0 : childNode.attrs.height) || DEFAULT_IMAGE_HEIGHT;
-  var dataAttrs = getAttrsFromNodeMediaSingle(fg('platform.editor.media.extended-resize-experience'), node);
+  var dataAttrs = getAttrsFromNodeMediaSingle(fg('platform_editor_media_extended_resize_experience'), node);
   var content = prepareWrapperContentDOM({
     layout: layout,
     dataAttrs: dataAttrs,
@@ -167,14 +167,14 @@ export var toDOM = function toDOM(node) {
     childMediaHeight: childMediaHeight,
     mediaSingleDimensionWidth: mediaSingleAttrs.width,
     isPixelWidth: isPixelWidth,
-    isExtendedResizeExperience: fg('platform.editor.media.extended-resize-experience')
+    isExtendedResizeExperience: fg('platform_editor_media_extended_resize_experience')
   });
   var isMediaWrapped = WRAPPED_LAYOUTS.includes(layout);
   var proportionCalc = mediaProportionalWidthCSSCalc({
     isPixelWidth: isPixelWidth,
     isMediaWrapped: isMediaWrapped,
     mediaSingleDimensionWidth: mediaSingleAttrs === null || mediaSingleAttrs === void 0 ? void 0 : mediaSingleAttrs.width,
-    isExtendedResizeExperience: fg('platform.editor.media.extended-resize-experience')
+    isExtendedResizeExperience: fg('platform_editor_media_extended_resize_experience')
   });
   var contentWrapperWidth = mediaContentWrapperWidthCSSCalc({
     isMediaWrapped: isMediaWrapped,

package/dist/esm/toolbar/index.js

@@ -224,7 +224,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     var widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width;
     var isChangingLayoutDisabled = false;
     var selectedNode = getSelectedMediaSingle(state);
-    if (fg('platform.editor.media.extended-resize-experience')) {
+    if (fg('platform_editor_media_extended_resize_experience')) {
       var _widthPlugin$sharedSt;
       var contentWidth = widthPlugin === null || widthPlugin === void 0 || (_widthPlugin$sharedSt = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt === void 0 ? void 0 : _widthPlugin$sharedSt.lineLength;
       var selectedNodeMaxWidth = pluginState.currentMaxWidth || contentWidth;
@@ -317,7 +317,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     // Pixel Entry Toolbar Support
     var selection = state.selection;
     var isWithinTable = hasParentNodeOfType([state.schema.nodes.table])(selection);
-    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && fg('platform.editor.media.extended-resize-experience')) {
+    if (allowResizing && (!isWithinTable || allowResizingInTables === true) && fg('platform_editor_media_extended_resize_experience')) {
       var selectedMediaSingleNode = getSelectedMediaSingle(state);
       var sizeInput = {
         type: 'custom',
@@ -643,7 +643,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     scrollable: true,
     mediaAssistiveMessage: assistiveMessage
   });
-  if (allowResizing && fg('platform.editor.media.extended-resize-experience')) {
+  if (allowResizing && fg('platform_editor_media_extended_resize_experience')) {
     return _objectSpread(_objectSpread({}, toolbarConfig), {}, {
       width: mediaPluginState.isResizing ? undefined : getMaxToolbarWidth()
     });

package/dist/esm/utils/media-single.js

@@ -97,7 +97,7 @@ export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, no
   if (node.type !== media || !isImage(node.attrs.__fileMimeType) && node.attrs.type !== 'external') {
     return false;
   }
-  var resizeExperience = fg('platform.editor.media.extended-resize-experience');
+  var resizeExperience = fg('platform_editor_media_extended_resize_experience');
   var insertMediaPopup = editorExperiment('add-media-from-url', true);
   var mediaSingleAttrs = resizeExperience && insertMediaPopup ? {
     widthType: 'pixel',
@@ -239,7 +239,7 @@ var createMediaSingleNode = function createMediaSingleNode(schema, collection, m
     var mediaSingleAttrs = alignLeftOnInsert ? {
       layout: 'align-start'
     } : {};
-    var extendedMediaSingleAttrs = fg('platform.editor.media.extended-resize-experience') ? _objectSpread(_objectSpread({}, mediaSingleAttrs), {}, {
+    var extendedMediaSingleAttrs = fg('platform_editor_media_extended_resize_experience') ? _objectSpread(_objectSpread({}, mediaSingleAttrs), {}, {
       width: getMediaSingleInitialWidth(scaledWidth, maxWidth, minWidth),
       // TODO: change to use enum
       widthType: 'pixel'
@@ -257,7 +257,7 @@ var replaceWithMediaSingleNode = function replaceWithMediaSingleNode(schema, max
     var copiedMediaNode = media.create(_objectSpread(_objectSpread({}, mediaNode.attrs), {}, {
       type: 'file'
     }), mediaNode.content, mediaNode.marks);
-    var extendedMediaSingleAttrs = fg('platform.editor.media.extended-resize-experience') ? {
+    var extendedMediaSingleAttrs = fg('platform_editor_media_extended_resize_experience') ? {
       width: getMediaSingleInitialWidth(width, maxWidth, minWidth),
       widthType: 'pixel'
     } : {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "1.39.2",
+	"version": "1.39.3",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,7 +36,7 @@
 		"@atlaskit/analytics-namespaced-context": "^6.12.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/editor-common": "^94.11.0",
+		"@atlaskit/editor-common": "^94.12.0",
 		"@atlaskit/editor-palette": "1.6.3",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-annotation": "1.23.3",
@@ -123,7 +123,7 @@
 		"platform_editor_react18_phase2__media_single": {
 			"type": "boolean"
 		},
-		"platform.editor.media.extended-resize-experience": {
+		"platform_editor_media_extended_resize_experience": {
 			"type": "boolean"
 		},
 		"platform_editor_media_batch_updates": {