@atlaskit/editor-plugin-media 2.7.0 → 2.7.2

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

@@ -3,10 +3,12 @@ import { injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import AttachmentIcon from '@atlaskit/icon/core/migration/attachment--editor-attachment';
-var onClickMediaButton = function onClickMediaButton(pluginState) {
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+var onClickMediaButton = function onClickMediaButton(showMediaPicker) {
   return function () {
-    pluginState.showMediaPicker();
+    showMediaPicker();
     return true;
   };
 };
@@ -15,15 +17,25 @@ var ToolbarMedia = function ToolbarMedia(_ref) {
     isReducedSpacing = _ref.isReducedSpacing,
     intl = _ref.intl,
     api = _ref.api;
-  var _useSharedPluginState = useSharedPluginState(api, ['media']),
+  var _useSharedPluginState = useSharedPluginState(api, ['media'], {
+      disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
+    }),
     mediaState = _useSharedPluginState.mediaState;
-  if (!(mediaState !== null && mediaState !== void 0 && mediaState.allowsUploads)) {
+  var allowsUploadsSelector = useSharedPluginStateSelector(api, 'media.allowsUploads', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  var showMediaPickerSelector = useSharedPluginStateSelector(api, 'media.showMediaPicker', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  var allowsUploads = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? allowsUploadsSelector : mediaState === null || mediaState === void 0 ? void 0 : mediaState.allowsUploads;
+  var showMediaPicker = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? showMediaPickerSelector : mediaState === null || mediaState === void 0 ? void 0 : mediaState.showMediaPicker;
+  if (!allowsUploads || !showMediaPicker) {
     return null;
   }
   var toolbarMediaTitle = toolbarMediaMessages.toolbarMediaTitle;
   return /*#__PURE__*/React.createElement(ToolbarButton, {
     buttonId: TOOLBAR_BUTTON.MEDIA,
-    onClick: onClickMediaButton(mediaState),
+    onClick: onClickMediaButton(showMediaPicker),
     disabled: isDisabled,
     title: intl.formatMessage(toolbarMediaTitle),
     spacing: isReducedSpacing ? 'none' : 'default',

package/dist/esm/ui/hooks/useMediaProvider.js

@@ -1,10 +1,18 @@
 import { useMemo } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var useMediaProvider = function useMediaProvider(pluginInjectionApi) {
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['media']),
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['media'], {
+      disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
+    }),
     mediaState = _useSharedPluginState.mediaState;
+  var mediaProviderSelector = useSharedPluginStateSelector(pluginInjectionApi, 'media.mediaProvider', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  var mediaProvider = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? mediaProviderSelector : mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider;
   var provider = useMemo(function () {
-    return mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider;
-  }, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
+    return mediaProvider;
+  }, [mediaProvider]);
   return provider;
 };

package/dist/esm/ui/toolbar/utils.js

@@ -18,9 +18,8 @@ var getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeA
   }
   return null;
 };
-export var getSelectedNearestMediaContainerNodeAttrs = function getSelectedNearestMediaContainerNodeAttrs(mediaPluginState) {
-  var _mediaPluginState$sel2;
-  var selectedNode = (_mediaPluginState$sel2 = mediaPluginState.selectedMediaContainerNode) === null || _mediaPluginState$sel2 === void 0 ? void 0 : _mediaPluginState$sel2.call(mediaPluginState);
+export var getSelectedNearestMediaContainerNodeAttrsFunction = function getSelectedNearestMediaContainerNodeAttrsFunction(selectedMediaContainerNode) {
+  var selectedNode = selectedMediaContainerNode === null || selectedMediaContainerNode === void 0 ? void 0 : selectedMediaContainerNode();
   if (selectedNode) {
     switch (selectedNode.type.name) {
       case 'mediaSingle':
@@ -34,6 +33,9 @@ export var getSelectedNearestMediaContainerNodeAttrs = function getSelectedNeare
   }
   return null;
 };
+export var getSelectedNearestMediaContainerNodeAttrs = function getSelectedNearestMediaContainerNodeAttrs(mediaPluginState) {
+  return getSelectedNearestMediaContainerNodeAttrsFunction(mediaPluginState.selectedMediaContainerNode);
+};
 export var downloadMedia = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaPluginState, isViewMode) {
     var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName;

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

@@ -8,8 +8,8 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { FileIdentifier } from '@atlaskit/media-client';
+import type { MediaClientConfig } from '@atlaskit/media-core/auth';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { MediaPluginState } from '../pm-plugins/types';
 import type { getPosHandler, getPosHandler as ProsemirrorGetPosHandler } from '../types';
 export interface MediaInlineProps {
     mediaProvider: Promise<MediaProvider>;
@@ -20,7 +20,12 @@ export interface MediaInlineProps {
     getPos: ProsemirrorGetPosHandler;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
-    mediaPluginState: MediaPluginState;
+    handleMediaNodeMount: (node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
+    handleMediaNodeUnmount: (node: PMNode) => void;
+    allowInlineImages?: boolean;
+    addPendingTask: (promise: Promise<any>) => void;
+    selectedMediaContainerNode: () => PMNode | undefined;
+    mediaClientConfig: MediaClientConfig;
     editorViewMode?: boolean;
 }
 export declare const handleNewNode: (props: MediaInlineProps) => void;

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

@@ -3,11 +3,9 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { InlineCommentPluginState } from '@atlaskit/editor-plugin-annotation';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { MediaPluginState } from '../pm-plugins/types';
 import type { ForwardRef, MediaOptions } from '../types';
 type MediaSingleNodeNextProps = {
     view: EditorView;
@@ -21,8 +19,9 @@ type MediaSingleNodeNextProps = {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     fullWidthMode?: boolean;
-    mediaPluginState: MediaPluginState | undefined;
-    annotationPluginState: InlineCommentPluginState | undefined;
+    addPendingTask?: (promise: Promise<any>) => void;
+    isDrafting?: boolean;
+    targetNodeId?: string;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     isCopyPasteEnabled?: boolean;
     forwardRef: ForwardRef;

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

@@ -2,11 +2,9 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { InlineCommentPluginState } from '@atlaskit/editor-plugin-annotation';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { MediaPluginState } from '../pm-plugins/types';
 import type { ForwardRef, MediaOptions, getPosHandler as ProsemirrorGetPosHandler } from '../types';
 export interface MediaSingleNodeProps {
     view: EditorView;
@@ -20,8 +18,9 @@ export interface MediaSingleNodeProps {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     fullWidthMode?: boolean;
-    mediaPluginState: MediaPluginState;
-    annotationPluginState: InlineCommentPluginState;
+    addPendingTask?: (promise: Promise<any>) => void;
+    isDrafting?: boolean;
+    targetNodeId?: string;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     isCopyPasteEnabled?: boolean;
     forwardRef: ForwardRef;

package/dist/types/pm-plugins/utils/media-files.d.ts

@@ -1,9 +1,10 @@
-import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
-import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI, InputMethodInsertMedia, InsertEventPayload } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT_ID, type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaState } from '../../types';
 export declare const canInsertMediaInline: (state: EditorState) => boolean;
+export declare const getFailToInsertAnalytics: (mediaState: MediaState, actionSubjectId: ACTION_SUBJECT_ID.MEDIA_INLINE | ACTION_SUBJECT_ID.MEDIA_GROUP | ACTION_SUBJECT_ID.MEDIA_SINGLE, inputMethod?: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia, reason?: string) => InsertEventPayload;
 /**
  * Create a new media inline to insert the new media.
  * @param view Editor view

package/dist/types/ui/MediaViewer/MediaViewerContainer.d.ts

@@ -5,14 +5,15 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type MediaPluginState } from '../../types';
+import type { MediaClientConfig } from '@atlaskit/media-core/auth';
 type MediaViewerContainerProps = {
     mediaNode: PMNode;
-    mediaPluginState: MediaPluginState;
+    selectedMediaContainerNode: () => PMNode | undefined;
+    mediaClientConfig: MediaClientConfig;
     isEditorViewMode?: boolean;
     isSelected?: boolean;
     isInline?: boolean;
     children?: React.ReactNode;
 };
-export declare const MediaViewerContainer: ({ mediaNode, mediaPluginState, isEditorViewMode, isSelected, isInline, children, }: MediaViewerContainerProps) => jsx.JSX.Element;
+export declare const MediaViewerContainer: ({ mediaNode, selectedMediaContainerNode, mediaClientConfig, isEditorViewMode, isSelected, isInline, children, }: MediaViewerContainerProps) => jsx.JSX.Element;
 export {};

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

@@ -7,6 +7,7 @@ import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-p
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaPluginState } from '../../pm-plugins/types';
 export declare const isExternalMedia: (attrs: MediaADFAttrs) => attrs is ExternalMediaAttributes;
+export declare const getSelectedNearestMediaContainerNodeAttrsFunction: (selectedMediaContainerNode: () => ProseMirrorNode | undefined) => MediaADFAttrs | null;
 export declare const getSelectedNearestMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaADFAttrs | null;
 export declare const downloadMedia: (mediaPluginState: MediaPluginState, isViewMode?: boolean) => Promise<boolean>;
 export declare const removeMediaGroupNode: (state: EditorState) => import("prosemirror-state").Transaction;

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

@@ -8,8 +8,8 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { FileIdentifier } from '@atlaskit/media-client';
+import type { MediaClientConfig } from '@atlaskit/media-core/auth';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { MediaPluginState } from '../pm-plugins/types';
 import type { getPosHandler, getPosHandler as ProsemirrorGetPosHandler } from '../types';
 export interface MediaInlineProps {
     mediaProvider: Promise<MediaProvider>;
@@ -20,7 +20,12 @@ export interface MediaInlineProps {
     getPos: ProsemirrorGetPosHandler;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
-    mediaPluginState: MediaPluginState;
+    handleMediaNodeMount: (node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
+    handleMediaNodeUnmount: (node: PMNode) => void;
+    allowInlineImages?: boolean;
+    addPendingTask: (promise: Promise<any>) => void;
+    selectedMediaContainerNode: () => PMNode | undefined;
+    mediaClientConfig: MediaClientConfig;
     editorViewMode?: boolean;
 }
 export declare const handleNewNode: (props: MediaInlineProps) => void;

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

@@ -3,11 +3,9 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { InlineCommentPluginState } from '@atlaskit/editor-plugin-annotation';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { MediaPluginState } from '../pm-plugins/types';
 import type { ForwardRef, MediaOptions } from '../types';
 type MediaSingleNodeNextProps = {
     view: EditorView;
@@ -21,8 +19,9 @@ type MediaSingleNodeNextProps = {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     fullWidthMode?: boolean;
-    mediaPluginState: MediaPluginState | undefined;
-    annotationPluginState: InlineCommentPluginState | undefined;
+    addPendingTask?: (promise: Promise<any>) => void;
+    isDrafting?: boolean;
+    targetNodeId?: string;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     isCopyPasteEnabled?: boolean;
     forwardRef: ForwardRef;

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

@@ -2,11 +2,9 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { InlineCommentPluginState } from '@atlaskit/editor-plugin-annotation';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-import type { MediaPluginState } from '../pm-plugins/types';
 import type { ForwardRef, MediaOptions, getPosHandler as ProsemirrorGetPosHandler } from '../types';
 export interface MediaSingleNodeProps {
     view: EditorView;
@@ -20,8 +18,9 @@ export interface MediaSingleNodeProps {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     fullWidthMode?: boolean;
-    mediaPluginState: MediaPluginState;
-    annotationPluginState: InlineCommentPluginState;
+    addPendingTask?: (promise: Promise<any>) => void;
+    isDrafting?: boolean;
+    targetNodeId?: string;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     isCopyPasteEnabled?: boolean;
     forwardRef: ForwardRef;

package/dist/types-ts4.5/pm-plugins/utils/media-files.d.ts

@@ -1,9 +1,10 @@
-import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
-import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI, InputMethodInsertMedia, InsertEventPayload } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT_ID, type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaState } from '../../types';
 export declare const canInsertMediaInline: (state: EditorState) => boolean;
+export declare const getFailToInsertAnalytics: (mediaState: MediaState, actionSubjectId: ACTION_SUBJECT_ID.MEDIA_INLINE | ACTION_SUBJECT_ID.MEDIA_GROUP | ACTION_SUBJECT_ID.MEDIA_SINGLE, inputMethod?: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia, reason?: string) => InsertEventPayload;
 /**
  * Create a new media inline to insert the new media.
  * @param view Editor view

package/dist/types-ts4.5/ui/MediaViewer/MediaViewerContainer.d.ts

@@ -5,14 +5,15 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type MediaPluginState } from '../../types';
+import type { MediaClientConfig } from '@atlaskit/media-core/auth';
 type MediaViewerContainerProps = {
     mediaNode: PMNode;
-    mediaPluginState: MediaPluginState;
+    selectedMediaContainerNode: () => PMNode | undefined;
+    mediaClientConfig: MediaClientConfig;
     isEditorViewMode?: boolean;
     isSelected?: boolean;
     isInline?: boolean;
     children?: React.ReactNode;
 };
-export declare const MediaViewerContainer: ({ mediaNode, mediaPluginState, isEditorViewMode, isSelected, isInline, children, }: MediaViewerContainerProps) => jsx.JSX.Element;
+export declare const MediaViewerContainer: ({ mediaNode, selectedMediaContainerNode, mediaClientConfig, isEditorViewMode, isSelected, isInline, children, }: MediaViewerContainerProps) => jsx.JSX.Element;
 export {};

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

@@ -7,6 +7,7 @@ import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-p
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaPluginState } from '../../pm-plugins/types';
 export declare const isExternalMedia: (attrs: MediaADFAttrs) => attrs is ExternalMediaAttributes;
+export declare const getSelectedNearestMediaContainerNodeAttrsFunction: (selectedMediaContainerNode: () => ProseMirrorNode | undefined) => MediaADFAttrs | null;
 export declare const getSelectedNearestMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaADFAttrs | null;
 export declare const downloadMedia: (mediaPluginState: MediaPluginState, isViewMode?: boolean) => Promise<boolean>;
 export declare const removeMediaGroupNode: (state: EditorState) => import("prosemirror-state").Transaction;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "2.7.0",
+	"version": "2.7.2",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/editor-common": "^103.19.0",
+		"@atlaskit/editor-common": "^103.22.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-annotation": "^2.7.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/editor-plugin-grid": "^2.0.0",
 		"@atlaskit/editor-plugin-guideline": "^2.0.0",
 		"@atlaskit/editor-plugin-interaction": "^1.0.0",
-		"@atlaskit/editor-plugin-selection": "^2.1.0",
+		"@atlaskit/editor-plugin-selection": "^2.2.0",
 		"@atlaskit/editor-plugin-width": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
@@ -67,7 +67,7 @@
 		"@atlaskit/media-ui": "^28.1.0",
 		"@atlaskit/media-viewer": "^52.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.4.0",
+		"@atlaskit/primitives": "^14.6.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tmp-editor-statsig": "^4.15.0",
@@ -184,11 +184,17 @@
 		"platform_editor_ssr_media": {
 			"type": "boolean"
 		},
+		"platform_editor_fix_image_size_diff_during_ssr": {
+			"type": "boolean"
+		},
 		"platform_editor_no_selection_until_interaction": {
 			"type": "boolean"
 		},
 		"platform_editor_controls_patch_7": {
 			"type": "boolean"
+		},
+		"platform_editor_track_media_fail_to_insert": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {