@atlaskit/media-card 79.8.1 → 79.9.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/media-card
 
+## 79.9.0
+
+### Minor Changes
+
+- [`2060fe01f7695`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2060fe01f7695) -
+  Optimised lazy loading by integrating the removal of lazy loading during SSR
+
+### Patch Changes
+
+- [`2060fe01f7695`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2060fe01f7695) -
+  Add media-perf-lazy-loading-optimisation to perfObserver metrics to track impact
+- Updated dependencies
+
+## 79.8.2
+
+### Patch Changes
+
+- [`dee27fdf979fb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dee27fdf979fb) -
+  Added statusCode at the top level of analytics failure events, for SignalFX compatibility.
+- Updated dependencies
+
 ## 79.8.1
 
 ### Patch Changes

package/dist/cjs/card/fileCard.js

@@ -587,13 +587,14 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     var izLazyOverride = arguments.length > 2 ? arguments[2] : undefined;
     var mediaItemType = identifier.mediaItemType;
     var isLazyWithOverride = izLazyOverride === undefined ? isLazy : izLazyOverride;
+    var isLazyPreview = (0, _platformFeatureFlags.fg)('media-perf-lazy-loading-optimisation') ? preview === null || preview === void 0 ? void 0 : preview.lazy : true;
 
     // We should natively lazy load an SSR preview when card is not visible,
     // otherwise we'll fire the metadata fetch from outside the viewport
     // Side note: We should not lazy load if the cardPreview is available from local cache,
     // in order to avoid flickers during re-mount of the component
     // CXP-2723 TODO: Create test cases for the above scenarios
-    var nativeLazyLoad = isLazyWithOverride && ((0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix') || !isCardVisible) && preview && (0, _types.isSSRPreview)(preview);
+    var nativeLazyLoad = isLazyWithOverride && ((0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix') || !isCardVisible) && preview && (0, _types.isSSRPreview)(preview) && isLazyPreview;
     // Force Media Image to always display img for SSR
     var forceSyncDisplay = !!ssr;
     var card = /*#__PURE__*/_react.default.createElement(_cardView.CardView, {

package/dist/cjs/utils/analytics/analytics.js

@@ -129,6 +129,7 @@ var extractErrorInfo = exports.extractErrorInfo = function extractErrorInfo(erro
   };
 };
 var getRenderErrorEventPayload = exports.getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'failed',
@@ -139,13 +140,15 @@ var getRenderErrorEventPayload = exports.getRenderErrorEventPayload = function g
       performanceAttributes: performanceAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       ssrReliability: ssrReliability,
       traceContext: traceContext
     })
   };
 };
 var getDownloadFailedEventPayload = exports.getDownloadFailedEventPayload = function getDownloadFailedEventPayload(fileAttributes, error, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'failed',
@@ -155,12 +158,14 @@ var getDownloadFailedEventPayload = exports.getDownloadFailedEventPayload = func
       fileAttributes: fileAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       traceContext: traceContext
     })
   };
 };
 var getErrorEventPayload = exports.getErrorEventPayload = function getErrorEventPayload(cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'nonCriticalFail',
@@ -169,7 +174,8 @@ var getErrorEventPayload = exports.getErrorEventPayload = function getErrorEvent
       fileAttributes: fileAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       ssrReliability: ssrReliability,
       traceContext: traceContext,
       cardStatus: cardStatus

package/dist/cjs/utils/mediaPerformanceObserver/mediaPerformanceObserver.js

@@ -39,7 +39,7 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
             fileId: fileId,
             mediaClientId: clientId,
             featureFlags: {
-              'media-cdn-single-host': (0, _platformFeatureFlags.fg)('platform_media_cdn_single_host')
+              'media-perf-lazy-loading-optimisation': (0, _platformFeatureFlags.fg)('media-perf-lazy-loading-optimisation')
             }
           }, mediaDurationMetrics)
         });

package/dist/es2019/card/fileCard.js

@@ -510,13 +510,14 @@ export const FileCard = ({
       mediaItemType
     } = identifier;
     const isLazyWithOverride = izLazyOverride === undefined ? isLazy : izLazyOverride;
+    let isLazyPreview = fg('media-perf-lazy-loading-optimisation') ? preview === null || preview === void 0 ? void 0 : preview.lazy : true;
 
     // We should natively lazy load an SSR preview when card is not visible,
     // otherwise we'll fire the metadata fetch from outside the viewport
     // Side note: We should not lazy load if the cardPreview is available from local cache,
     // in order to avoid flickers during re-mount of the component
     // CXP-2723 TODO: Create test cases for the above scenarios
-    const nativeLazyLoad = isLazyWithOverride && (fg('media-perf-uplift-mutation-fix') || !isCardVisible) && preview && isSSRPreview(preview);
+    const nativeLazyLoad = isLazyWithOverride && (fg('media-perf-uplift-mutation-fix') || !isCardVisible) && preview && isSSRPreview(preview) && isLazyPreview;
     // Force Media Image to always display img for SSR
     const forceSyncDisplay = !!ssr;
     const card = /*#__PURE__*/React.createElement(CardView, {

package/dist/es2019/utils/analytics/analytics.js

@@ -112,48 +112,60 @@ export const extractErrorInfo = (error, metadataTraceContext) => {
     metadataTraceContext: metadataTraceContext !== null && metadataTraceContext !== void 0 ? metadataTraceContext : getErrorTraceContext(error)
   };
 };
-export const getRenderErrorEventPayload = (fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext) => ({
-  eventType: 'operational',
-  action: 'failed',
-  actionSubject: 'mediaCardRender',
-  attributes: {
-    fileMimetype: fileAttributes.fileMimetype,
-    fileAttributes,
-    performanceAttributes,
-    status: 'fail',
-    ...extractErrorInfo(error, metadataTraceContext),
-    request: getRenderErrorRequestMetadata(error),
-    ssrReliability,
-    traceContext
-  }
-});
-export const getDownloadFailedEventPayload = (fileAttributes, error, traceContext, metadataTraceContext) => ({
-  eventType: 'operational',
-  action: 'failed',
-  actionSubject: 'mediaCardDownload',
-  attributes: {
-    fileMimetype: fileAttributes.fileMimetype,
-    fileAttributes,
-    status: 'fail',
-    ...extractErrorInfo(error, metadataTraceContext),
-    request: getRenderErrorRequestMetadata(error),
-    traceContext
-  }
-});
-export const getErrorEventPayload = (cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext) => ({
-  eventType: 'operational',
-  action: 'nonCriticalFail',
-  actionSubject: 'mediaCardRender',
-  attributes: {
-    fileAttributes,
-    status: 'fail',
-    ...extractErrorInfo(error, metadataTraceContext),
-    request: getRenderErrorRequestMetadata(error),
-    ssrReliability,
-    traceContext,
-    cardStatus
-  }
-});
+export const getRenderErrorEventPayload = (fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext) => {
+  const requestMetadata = getRenderErrorRequestMetadata(error);
+  return {
+    eventType: 'operational',
+    action: 'failed',
+    actionSubject: 'mediaCardRender',
+    attributes: {
+      fileMimetype: fileAttributes.fileMimetype,
+      fileAttributes,
+      performanceAttributes,
+      status: 'fail',
+      ...extractErrorInfo(error, metadataTraceContext),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
+      ssrReliability,
+      traceContext
+    }
+  };
+};
+export const getDownloadFailedEventPayload = (fileAttributes, error, traceContext, metadataTraceContext) => {
+  const requestMetadata = getRenderErrorRequestMetadata(error);
+  return {
+    eventType: 'operational',
+    action: 'failed',
+    actionSubject: 'mediaCardDownload',
+    attributes: {
+      fileMimetype: fileAttributes.fileMimetype,
+      fileAttributes,
+      status: 'fail',
+      ...extractErrorInfo(error, metadataTraceContext),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
+      traceContext
+    }
+  };
+};
+export const getErrorEventPayload = (cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext) => {
+  const requestMetadata = getRenderErrorRequestMetadata(error);
+  return {
+    eventType: 'operational',
+    action: 'nonCriticalFail',
+    actionSubject: 'mediaCardRender',
+    attributes: {
+      fileAttributes,
+      status: 'fail',
+      ...extractErrorInfo(error, metadataTraceContext),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
+      ssrReliability,
+      traceContext,
+      cardStatus
+    }
+  };
+};
 export const getRenderFailedFileStatusPayload = (fileAttributes, performanceAttributes, ssrReliability, traceContext, metadataTraceContext) => ({
   eventType: 'operational',
   action: 'failed',

package/dist/es2019/utils/mediaPerformanceObserver/mediaPerformanceObserver.js

@@ -29,7 +29,7 @@ const createAndGetResourceObserver = () => {
             fileId: fileId,
             mediaClientId: clientId,
             featureFlags: {
-              'media-cdn-single-host': fg('platform_media_cdn_single_host')
+              'media-perf-lazy-loading-optimisation': fg('media-perf-lazy-loading-optimisation')
             },
             ...mediaDurationMetrics
           }

package/dist/esm/card/fileCard.js

@@ -579,13 +579,14 @@ export var FileCard = function FileCard(_ref) {
     var izLazyOverride = arguments.length > 2 ? arguments[2] : undefined;
     var mediaItemType = identifier.mediaItemType;
     var isLazyWithOverride = izLazyOverride === undefined ? isLazy : izLazyOverride;
+    var isLazyPreview = fg('media-perf-lazy-loading-optimisation') ? preview === null || preview === void 0 ? void 0 : preview.lazy : true;
 
     // We should natively lazy load an SSR preview when card is not visible,
     // otherwise we'll fire the metadata fetch from outside the viewport
     // Side note: We should not lazy load if the cardPreview is available from local cache,
     // in order to avoid flickers during re-mount of the component
     // CXP-2723 TODO: Create test cases for the above scenarios
-    var nativeLazyLoad = isLazyWithOverride && (fg('media-perf-uplift-mutation-fix') || !isCardVisible) && preview && isSSRPreview(preview);
+    var nativeLazyLoad = isLazyWithOverride && (fg('media-perf-uplift-mutation-fix') || !isCardVisible) && preview && isSSRPreview(preview) && isLazyPreview;
     // Force Media Image to always display img for SSR
     var forceSyncDisplay = !!ssr;
     var card = /*#__PURE__*/React.createElement(CardView, {

package/dist/esm/utils/analytics/analytics.js

@@ -120,6 +120,7 @@ export var extractErrorInfo = function extractErrorInfo(error, metadataTraceCont
   };
 };
 export var getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'failed',
@@ -130,13 +131,15 @@ export var getRenderErrorEventPayload = function getRenderErrorEventPayload(file
       performanceAttributes: performanceAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       ssrReliability: ssrReliability,
       traceContext: traceContext
     })
   };
 };
 export var getDownloadFailedEventPayload = function getDownloadFailedEventPayload(fileAttributes, error, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'failed',
@@ -146,12 +149,14 @@ export var getDownloadFailedEventPayload = function getDownloadFailedEventPayloa
       fileAttributes: fileAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       traceContext: traceContext
     })
   };
 };
 export var getErrorEventPayload = function getErrorEventPayload(cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'nonCriticalFail',
@@ -160,7 +165,8 @@ export var getErrorEventPayload = function getErrorEventPayload(cardStatus, file
       fileAttributes: fileAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       ssrReliability: ssrReliability,
       traceContext: traceContext,
       cardStatus: cardStatus

package/dist/esm/utils/mediaPerformanceObserver/mediaPerformanceObserver.js

@@ -32,7 +32,7 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
             fileId: fileId,
             mediaClientId: clientId,
             featureFlags: {
-              'media-cdn-single-host': fg('platform_media_cdn_single_host')
+              'media-perf-lazy-loading-optimisation': fg('media-perf-lazy-loading-optimisation')
             }
           }, mediaDurationMetrics)
         });

package/dist/types/utils/analytics/analytics.d.ts

@@ -1,5 +1,5 @@
 import { type ErrorInfo } from 'react';
-import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestMetadata } from '@atlaskit/media-client';
+import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestErrorMetadata, type RequestMetadata } from '@atlaskit/media-client';
 import { type FileAttributes, type PerformanceAttributes, type OperationalEventPayload, type UIEventPayload, type WithFileAttributes, type WithPerformanceAttributes, type SuccessAttributes, type FailureAttributes, type MediaTraceContext, type WithTraceContext } from '@atlaskit/media-common/analytics';
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type MediaCardError, type MediaCardErrorPrimaryReason } from '../../errors';
@@ -63,17 +63,20 @@ export type WithSSRReliability = {
 export type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
     failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'failed', 'mediaCardRender'>;
 export type DownloadFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithTraceContext & FailureAttributes & {
     failReason: FailedErrorFailReason;
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'failed', 'mediaCardDownload'>;
 export type ErrorEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
     cardStatus: CardStatus;
     failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'nonCriticalFail', 'mediaCardRender'>;
 export type ErrorBoundaryErrorInfo = {
@@ -113,7 +116,7 @@ export declare const getRenderErrorFailReason: (error: MediaCardError) => Failed
 export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason | "nativeError";
 export declare const getRenderErrorErrorDetail: (error: MediaCardError) => string;
 export declare const getErrorTraceContext: (error: MediaCardError) => MediaTraceContext | undefined;
-export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
+export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestErrorMetadata | undefined;
 export declare const extractErrorInfo: (error: MediaCardError, metadataTraceContext?: MediaTraceContext) => MediaCardErrorInfo;
 export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error: MediaCardError, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => RenderFailedEventPayload;
 export declare const getDownloadFailedEventPayload: (fileAttributes: FileAttributes, error: MediaCardError, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => DownloadFailedEventPayload;

package/dist/types-ts4.5/utils/analytics/analytics.d.ts

@@ -1,5 +1,5 @@
 import { type ErrorInfo } from 'react';
-import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestMetadata } from '@atlaskit/media-client';
+import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestErrorMetadata, type RequestMetadata } from '@atlaskit/media-client';
 import { type FileAttributes, type PerformanceAttributes, type OperationalEventPayload, type UIEventPayload, type WithFileAttributes, type WithPerformanceAttributes, type SuccessAttributes, type FailureAttributes, type MediaTraceContext, type WithTraceContext } from '@atlaskit/media-common/analytics';
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type MediaCardError, type MediaCardErrorPrimaryReason } from '../../errors';
@@ -63,17 +63,20 @@ export type WithSSRReliability = {
 export type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
     failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'failed', 'mediaCardRender'>;
 export type DownloadFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithTraceContext & FailureAttributes & {
     failReason: FailedErrorFailReason;
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'failed', 'mediaCardDownload'>;
 export type ErrorEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
     cardStatus: CardStatus;
     failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'nonCriticalFail', 'mediaCardRender'>;
 export type ErrorBoundaryErrorInfo = {
@@ -113,7 +116,7 @@ export declare const getRenderErrorFailReason: (error: MediaCardError) => Failed
 export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason | "nativeError";
 export declare const getRenderErrorErrorDetail: (error: MediaCardError) => string;
 export declare const getErrorTraceContext: (error: MediaCardError) => MediaTraceContext | undefined;
-export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
+export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestErrorMetadata | undefined;
 export declare const extractErrorInfo: (error: MediaCardError, metadataTraceContext?: MediaTraceContext) => MediaCardErrorInfo;
 export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error: MediaCardError, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => RenderFailedEventPayload;
 export declare const getDownloadFailedEventPayload: (fileAttributes: FileAttributes, error: MediaCardError, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => DownloadFailedEventPayload;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.8.1",
+	"version": "79.9.0",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,16 +39,16 @@
 		"@atlaskit/media-client": "^35.6.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
-		"@atlaskit/media-file-preview": "^0.14.0",
+		"@atlaskit/media-file-preview": "^0.15.0",
 		"@atlaskit/media-svg": "^2.1.0",
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/media-viewer": "^52.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.2.0",
+		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/react-ufo": "^4.15.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.1.0",
+		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -71,10 +71,10 @@
 		"@af/integration-testing": "workspace:^",
 		"@atlaskit/analytics-listeners": "^9.1.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
-		"@atlaskit/form": "^14.2.0",
+		"@atlaskit/form": "^14.3.0",
 		"@atlaskit/inline-message": "^15.4.0",
 		"@atlaskit/media-core": "^37.0.0",
-		"@atlaskit/media-picker": "^70.0.0",
+		"@atlaskit/media-picker": "^70.1.0",
 		"@atlaskit/media-state": "^1.8.0",
 		"@atlaskit/media-test-data": "^3.2.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
@@ -137,6 +137,9 @@
 		},
 		"media-perf-uplift-mutation-fix": {
 			"type": "boolean"
+		},
+		"media-perf-lazy-loading-optimisation": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {