@atlaskit/media-viewer 52.5.0 → 52.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-viewer
 
+## 52.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 52.5.0
 
 ### Minor Changes

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _analytics = require("@atlaskit/media-common/analytics");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "52.4.37";
+var packageVersion = exports.packageVersion = "0.0.0-development";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.4.37";
+var packageVersion = "0.0.0-development";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/item-viewer.js

@@ -27,6 +27,7 @@ var _loadSucceeded = require("./analytics/events/operational/loadSucceeded");
 var _analytics = require("./analytics");
 var _interactiveImg = require("./viewers/image/interactive-img");
 var _archiveViewerLoader = _interopRequireDefault(require("./viewers/archiveSidebar/archiveViewerLoader"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ufoExperiences = require("./analytics/ufoExperiences");
 var _customViewer = require("./viewers/customViewer/customViewer");
 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); }
@@ -113,6 +114,59 @@ var isFileStateItem = exports.isFileStateItem = function isFileStateItem(fileIte
   return !isExternalImageItem(fileItem);
 };
 var MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER = exports.MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER = 10 * 1024 * 1024;
+
+/**
+ * Determines if a file renders natively without backend processing artifacts.
+ * These files (text/code, PDF, SVG) can be rendered directly from the original binary
+ * without waiting for transcoded artifacts from the backend.
+ *
+ * Evidence:
+ * - CodeViewer: Uses getFileBinaryURL(id) - works with both 'processing' and 'processed' status
+ * - DocViewer: Uses getDocumentContent(id) - only needs file ID, not artifacts
+ * - SvgViewer: Uses MediaSvg with identifier - never touches status or artifacts
+ */
+var canRenderWithoutProcessing = function canRenderWithoutProcessing(fileState) {
+  var mimeType = fileState.mimeType,
+    name = fileState.name,
+    size = fileState.size;
+
+  // Text/code files via CodeViewer (10MB limit)
+  if ((0, _codeViewer.isCodeViewerItem)(name, mimeType) && size <= MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
+    return true;
+  }
+
+  // PDF files via DocViewer
+  if (mimeType === 'application/pdf') {
+    return true;
+  }
+
+  // SVG files via SvgViewer
+  if (mimeType === 'image/svg+xml') {
+    return true;
+  }
+  return false;
+};
+
+/**
+ * Creates a synthetic ProcessedFileState for native-rendered files.
+ * These files don't need backend processing, so we normalize to 'processed'
+ * to prevent unnecessary re-renders when the actual status changes.
+ * Note: artifacts are not used by native viewers (CodeViewer, DocViewer, SvgViewer)
+ * as they fetch the original binary directly via file ID.
+ */
+var createProcessedFileState = function createProcessedFileState(fileState) {
+  return {
+    status: 'processed',
+    id: fileState.id,
+    name: fileState.name,
+    size: fileState.size,
+    mediaType: fileState.mediaType,
+    mimeType: fileState.mimeType,
+    artifacts: {},
+    preview: fileState.preview,
+    createdAt: fileState.createdAt
+  };
+};
 var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref) {
   var identifier = _ref.identifier,
     showControls = _ref.showControls,
@@ -161,32 +215,50 @@ var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref) {
     (0, _analytics.fireAnalytics)((0, _commenced.createCommencedEvent)(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext), createAnalyticsEventRef.current);
     (0, _ufoExperiences.startMediaFileUfoExperience)();
   }, [identifier, traceContext]);
+  var isNativeFileOptimizationEnabled = (0, _platformFeatureFlags.fg)('media_viewer_prevent_rerender_on_polling');
   (0, _react.useEffect)(function () {
+    // External images don't need backend subscriptions
     if ((0, _mediaClient.isExternalImageIdentifier)(identifier)) {
-      // external images do not need to talk to our backend,
-      // so therefore no need for media-client subscriptions.
-      // just set a successful outcome of type "external-image".
       setItem(_domain.Outcome.successful('external-image'));
       return;
     }
+    if (!fileState) {
+      return;
+    }
+    var status = fileState.status;
+
+    // Track status flags for analytics
+    if (status === 'processing') {
+      fileStateFlagsRef.current.wasStatusProcessing = true;
+    } else if (status === 'uploading') {
+      fileStateFlagsRef.current.wasStatusUploading = true;
+    }
 
-    // File Subscription
-    if (fileState) {
-      var status = fileState.status;
-      if (fileState.status !== 'error') {
-        // updateFileStateFlag
+    // Handle error state
+    if (status === 'error') {
+      setItem(_domain.Outcome.failed(new _errors.MediaViewerError('itemviewer-fetch-metadata', (0, _mediaClient.toCommonMediaClientError)(fileState))));
+      return;
+    }
 
-        if (status === 'processing') {
-          fileStateFlagsRef.current.wasStatusProcessing = true;
-        } else if (status === 'uploading') {
-          fileStateFlagsRef.current.wasStatusUploading = true;
+    // Optimization: normalize native files to ProcessedFileState to prevent
+    // unnecessary re-renders when status changes (e.g., processing → processed)
+    if (isNativeFileOptimizationEnabled && canRenderWithoutProcessing(fileState)) {
+      setItem(function (prev) {
+        // Keep stable reference if we already have a processed state for this file
+        if (prev.status === 'SUCCESSFUL' && prev.data && isFileStateItem(prev.data) && prev.data.id === fileState.id && prev.data.status === 'processed') {
+          return prev;
         }
-        setItem(_domain.Outcome.successful(fileState));
-      } else {
-        setItem(_domain.Outcome.failed(new _errors.MediaViewerError('itemviewer-fetch-metadata', (0, _mediaClient.toCommonMediaClientError)(fileState))));
-      }
+        // First load or different file: create normalized processed state
+        return _domain.Outcome.successful(createProcessedFileState(fileState));
+      });
+      return;
     }
-  }, [fileState, identifier]);
+
+    // Non-native files: standard behavior
+    setItem(_domain.Outcome.successful(fileState));
+    // fileState object reference changes often when polling items (especially during processing); only re-run when fileState.status changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isNativeFileOptimizationEnabled ? fileState === null || fileState === void 0 ? void 0 : fileState.status : fileState, identifier]);
   var onSuccess = (0, _react.useCallback)(function () {
     item.whenSuccessful(function (fileItem) {
       if (isFileStateItem(fileItem)) {

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "52.4.37";
+const packageVersion = "0.0.0-development";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -3,7 +3,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "52.4.37";
+const packageVersion = "0.0.0-development";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/item-viewer.js

@@ -18,6 +18,7 @@ import { createLoadSucceededEvent } from './analytics/events/operational/loadSuc
 import { fireAnalytics, getFileAttributes } from './analytics';
 import { InteractiveImg } from './viewers/image/interactive-img';
 import ArchiveViewerLoader from './viewers/archiveSidebar/archiveViewerLoader';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { startMediaFileUfoExperience, succeedMediaFileUfoExperience } from './analytics/ufoExperiences';
 import { CustomViewer } from './viewers/customViewer/customViewer';
 const ImageViewer = Loadable({
@@ -50,6 +51,59 @@ const SvgViewer = Loadable({
 export const isExternalImageItem = fileItem => fileItem === 'external-image';
 export const isFileStateItem = fileItem => !isExternalImageItem(fileItem);
 export const MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER = 10 * 1024 * 1024;
+
+/**
+ * Determines if a file renders natively without backend processing artifacts.
+ * These files (text/code, PDF, SVG) can be rendered directly from the original binary
+ * without waiting for transcoded artifacts from the backend.
+ *
+ * Evidence:
+ * - CodeViewer: Uses getFileBinaryURL(id) - works with both 'processing' and 'processed' status
+ * - DocViewer: Uses getDocumentContent(id) - only needs file ID, not artifacts
+ * - SvgViewer: Uses MediaSvg with identifier - never touches status or artifacts
+ */
+const canRenderWithoutProcessing = fileState => {
+  const {
+    mimeType,
+    name,
+    size
+  } = fileState;
+
+  // Text/code files via CodeViewer (10MB limit)
+  if (isCodeViewerItem(name, mimeType) && size <= MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
+    return true;
+  }
+
+  // PDF files via DocViewer
+  if (mimeType === 'application/pdf') {
+    return true;
+  }
+
+  // SVG files via SvgViewer
+  if (mimeType === 'image/svg+xml') {
+    return true;
+  }
+  return false;
+};
+
+/**
+ * Creates a synthetic ProcessedFileState for native-rendered files.
+ * These files don't need backend processing, so we normalize to 'processed'
+ * to prevent unnecessary re-renders when the actual status changes.
+ * Note: artifacts are not used by native viewers (CodeViewer, DocViewer, SvgViewer)
+ * as they fetch the original binary directly via file ID.
+ */
+const createProcessedFileState = fileState => ({
+  status: 'processed',
+  id: fileState.id,
+  name: fileState.name,
+  size: fileState.size,
+  mediaType: fileState.mediaType,
+  mimeType: fileState.mimeType,
+  artifacts: {},
+  preview: fileState.preview,
+  createdAt: fileState.createdAt
+});
 export const ItemViewerBase = ({
   identifier,
   showControls,
@@ -97,34 +151,52 @@ export const ItemViewerBase = ({
     fireAnalytics(createCommencedEvent(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext), createAnalyticsEventRef.current);
     startMediaFileUfoExperience();
   }, [identifier, traceContext]);
+  const isNativeFileOptimizationEnabled = fg('media_viewer_prevent_rerender_on_polling');
   useEffect(() => {
+    // External images don't need backend subscriptions
     if (isExternalImageIdentifier(identifier)) {
-      // external images do not need to talk to our backend,
-      // so therefore no need for media-client subscriptions.
-      // just set a successful outcome of type "external-image".
       setItem(Outcome.successful('external-image'));
       return;
     }
+    if (!fileState) {
+      return;
+    }
+    const {
+      status
+    } = fileState;
+
+    // Track status flags for analytics
+    if (status === 'processing') {
+      fileStateFlagsRef.current.wasStatusProcessing = true;
+    } else if (status === 'uploading') {
+      fileStateFlagsRef.current.wasStatusUploading = true;
+    }
 
-    // File Subscription
-    if (fileState) {
-      const {
-        status
-      } = fileState;
-      if (fileState.status !== 'error') {
-        // updateFileStateFlag
+    // Handle error state
+    if (status === 'error') {
+      setItem(Outcome.failed(new MediaViewerError('itemviewer-fetch-metadata', toCommonMediaClientError(fileState))));
+      return;
+    }
 
-        if (status === 'processing') {
-          fileStateFlagsRef.current.wasStatusProcessing = true;
-        } else if (status === 'uploading') {
-          fileStateFlagsRef.current.wasStatusUploading = true;
+    // Optimization: normalize native files to ProcessedFileState to prevent
+    // unnecessary re-renders when status changes (e.g., processing → processed)
+    if (isNativeFileOptimizationEnabled && canRenderWithoutProcessing(fileState)) {
+      setItem(prev => {
+        // Keep stable reference if we already have a processed state for this file
+        if (prev.status === 'SUCCESSFUL' && prev.data && isFileStateItem(prev.data) && prev.data.id === fileState.id && prev.data.status === 'processed') {
+          return prev;
         }
-        setItem(Outcome.successful(fileState));
-      } else {
-        setItem(Outcome.failed(new MediaViewerError('itemviewer-fetch-metadata', toCommonMediaClientError(fileState))));
-      }
+        // First load or different file: create normalized processed state
+        return Outcome.successful(createProcessedFileState(fileState));
+      });
+      return;
     }
-  }, [fileState, identifier]);
+
+    // Non-native files: standard behavior
+    setItem(Outcome.successful(fileState));
+    // fileState object reference changes often when polling items (especially during processing); only re-run when fileState.status changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isNativeFileOptimizationEnabled ? fileState === null || fileState === void 0 ? void 0 : fileState.status : fileState, identifier]);
   const onSuccess = useCallback(() => {
     item.whenSuccessful(fileItem => {
       if (isFileStateItem(fileItem)) {

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.4.37";
+var packageVersion = "0.0.0-development";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.4.37";
+var packageVersion = "0.0.0-development";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/item-viewer.js

@@ -19,6 +19,7 @@ import { createLoadSucceededEvent } from './analytics/events/operational/loadSuc
 import { fireAnalytics, getFileAttributes } from './analytics';
 import { InteractiveImg } from './viewers/image/interactive-img';
 import ArchiveViewerLoader from './viewers/archiveSidebar/archiveViewerLoader';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { startMediaFileUfoExperience, succeedMediaFileUfoExperience } from './analytics/ufoExperiences';
 import { CustomViewer } from './viewers/customViewer/customViewer';
 var ImageViewer = Loadable({
@@ -92,6 +93,59 @@ export var isFileStateItem = function isFileStateItem(fileItem) {
   return !isExternalImageItem(fileItem);
 };
 export var MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER = 10 * 1024 * 1024;
+
+/**
+ * Determines if a file renders natively without backend processing artifacts.
+ * These files (text/code, PDF, SVG) can be rendered directly from the original binary
+ * without waiting for transcoded artifacts from the backend.
+ *
+ * Evidence:
+ * - CodeViewer: Uses getFileBinaryURL(id) - works with both 'processing' and 'processed' status
+ * - DocViewer: Uses getDocumentContent(id) - only needs file ID, not artifacts
+ * - SvgViewer: Uses MediaSvg with identifier - never touches status or artifacts
+ */
+var canRenderWithoutProcessing = function canRenderWithoutProcessing(fileState) {
+  var mimeType = fileState.mimeType,
+    name = fileState.name,
+    size = fileState.size;
+
+  // Text/code files via CodeViewer (10MB limit)
+  if (isCodeViewerItem(name, mimeType) && size <= MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
+    return true;
+  }
+
+  // PDF files via DocViewer
+  if (mimeType === 'application/pdf') {
+    return true;
+  }
+
+  // SVG files via SvgViewer
+  if (mimeType === 'image/svg+xml') {
+    return true;
+  }
+  return false;
+};
+
+/**
+ * Creates a synthetic ProcessedFileState for native-rendered files.
+ * These files don't need backend processing, so we normalize to 'processed'
+ * to prevent unnecessary re-renders when the actual status changes.
+ * Note: artifacts are not used by native viewers (CodeViewer, DocViewer, SvgViewer)
+ * as they fetch the original binary directly via file ID.
+ */
+var createProcessedFileState = function createProcessedFileState(fileState) {
+  return {
+    status: 'processed',
+    id: fileState.id,
+    name: fileState.name,
+    size: fileState.size,
+    mediaType: fileState.mediaType,
+    mimeType: fileState.mimeType,
+    artifacts: {},
+    preview: fileState.preview,
+    createdAt: fileState.createdAt
+  };
+};
 export var ItemViewerBase = function ItemViewerBase(_ref) {
   var identifier = _ref.identifier,
     showControls = _ref.showControls,
@@ -140,32 +194,50 @@ export var ItemViewerBase = function ItemViewerBase(_ref) {
     fireAnalytics(createCommencedEvent(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext), createAnalyticsEventRef.current);
     startMediaFileUfoExperience();
   }, [identifier, traceContext]);
+  var isNativeFileOptimizationEnabled = fg('media_viewer_prevent_rerender_on_polling');
   useEffect(function () {
+    // External images don't need backend subscriptions
     if (isExternalImageIdentifier(identifier)) {
-      // external images do not need to talk to our backend,
-      // so therefore no need for media-client subscriptions.
-      // just set a successful outcome of type "external-image".
       setItem(Outcome.successful('external-image'));
       return;
     }
+    if (!fileState) {
+      return;
+    }
+    var status = fileState.status;
+
+    // Track status flags for analytics
+    if (status === 'processing') {
+      fileStateFlagsRef.current.wasStatusProcessing = true;
+    } else if (status === 'uploading') {
+      fileStateFlagsRef.current.wasStatusUploading = true;
+    }
 
-    // File Subscription
-    if (fileState) {
-      var status = fileState.status;
-      if (fileState.status !== 'error') {
-        // updateFileStateFlag
+    // Handle error state
+    if (status === 'error') {
+      setItem(Outcome.failed(new MediaViewerError('itemviewer-fetch-metadata', toCommonMediaClientError(fileState))));
+      return;
+    }
 
-        if (status === 'processing') {
-          fileStateFlagsRef.current.wasStatusProcessing = true;
-        } else if (status === 'uploading') {
-          fileStateFlagsRef.current.wasStatusUploading = true;
+    // Optimization: normalize native files to ProcessedFileState to prevent
+    // unnecessary re-renders when status changes (e.g., processing → processed)
+    if (isNativeFileOptimizationEnabled && canRenderWithoutProcessing(fileState)) {
+      setItem(function (prev) {
+        // Keep stable reference if we already have a processed state for this file
+        if (prev.status === 'SUCCESSFUL' && prev.data && isFileStateItem(prev.data) && prev.data.id === fileState.id && prev.data.status === 'processed') {
+          return prev;
         }
-        setItem(Outcome.successful(fileState));
-      } else {
-        setItem(Outcome.failed(new MediaViewerError('itemviewer-fetch-metadata', toCommonMediaClientError(fileState))));
-      }
+        // First load or different file: create normalized processed state
+        return Outcome.successful(createProcessedFileState(fileState));
+      });
+      return;
     }
-  }, [fileState, identifier]);
+
+    // Non-native files: standard behavior
+    setItem(Outcome.successful(fileState));
+    // fileState object reference changes often when polling items (especially during processing); only re-run when fileState.status changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isNativeFileOptimizationEnabled ? fileState === null || fileState === void 0 ? void 0 : fileState.status : fileState, identifier]);
   var onSuccess = useCallback(function () {
     item.whenSuccessful(function (fileItem) {
       if (isFileStateItem(fileItem)) {

package/dist/types/viewers/archiveSidebar/styleWrappers.d.ts

@@ -10,7 +10,7 @@ type Children = {
 type OnClick = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
 };
-export declare const ArchiveItemViewerWrapper: ({ children, fullHeight }: Children & {
+export declare const ArchiveItemViewerWrapper: ({ children, fullHeight, }: Children & {
     fullHeight?: boolean;
 }) => JSX.Element;
 export declare const ArchiveSideBar: import("react").ForwardRefExoticComponent<Children & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/viewers/archiveSidebar/styleWrappers.d.ts

@@ -10,7 +10,7 @@ type Children = {
 type OnClick = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
 };
-export declare const ArchiveItemViewerWrapper: ({ children, fullHeight }: Children & {
+export declare const ArchiveItemViewerWrapper: ({ children, fullHeight, }: Children & {
     fullHeight?: boolean;
 }) => JSX.Element;
 export declare const ArchiveSideBar: import("react").ForwardRefExoticComponent<Children & import("react").RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "52.5.0",
+	"version": "52.5.1",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,15 +32,15 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/code": "^17.3.0",
+		"@atlaskit/button": "^23.7.0",
+		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/css": "^0.17.0",
-		"@atlaskit/form": "^14.3.0",
+		"@atlaskit/form": "^15.0.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-lab": "^5.12.0",
-		"@atlaskit/media-client": "^35.6.0",
+		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-document-viewer": "^0.6.0",
@@ -51,10 +51,10 @@
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/side-navigation": "^11.0.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/textfield": "^8.1.0",
+		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^8.4.0",
-		"@atlaskit/tooltip": "^20.10.0",
+		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/language": "6.10.8",
@@ -89,7 +89,7 @@
 		"@atlaskit/media-test-data": "^3.2.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/toggle": "^15.1.0",
+		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ufo": "^0.7.0",
 		"@testing-library/dom": "^10.1.0",
@@ -122,6 +122,9 @@
 		},
 		"media_document_viewer": {
 			"type": "boolean"
+		},
+		"media_viewer_prevent_rerender_on_polling": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {