@atlaskit/media-file-preview 0.15.5 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-file-preview
 
+## 0.16.0
+
+### Minor Changes
+
+- [`c90ccf0c600ee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c90ccf0c600ee) -
+  Enable cross product/cross client copy and paste of Media files by including clientId during Copy
+  operations.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.15.5
 
 ### Patch Changes

package/dist/cjs/useFilePreview.js

@@ -53,20 +53,54 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     setStatus = _useState2[1];
   var _useState3 = (0, _react.useState)(),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
+    clientId = _useState4[0],
+    setClientId = _useState4[1];
+
+  // Fetch clientId on mount for cross-client copy
+  (0, _react.useEffect)(function () {
+    if ((0, _platformFeatureFlags.fg)('platform_media_cross_client_copy_with_auth')) {
+      mediaClient.getClientId(identifier.collectionName).then(setClientId).catch(function () {
+        // ClientId is optional, silently fail
+      });
+    }
+  }, [mediaClient, identifier.collectionName]);
+
+  // Merge clientId into mediaBlobUrlAttrs for embedding in blob URLs
+  // If mediaBlobUrlAttrs is not provided, construct minimal attrs from identifier
+  var mediaBlobUrlAttrsWithClientId = (0, _react.useMemo)(function () {
+    if (!(0, _platformFeatureFlags.fg)('platform_media_cross_client_copy_with_auth') || !clientId) {
+      return mediaBlobUrlAttrs;
+    }
+    if (mediaBlobUrlAttrs) {
+      return _objectSpread(_objectSpread({}, mediaBlobUrlAttrs), {}, {
+        clientId: clientId
+      });
+    }
+
+    // Construct minimal attrs when none provided (e.g., MediaImage)
+    return {
+      id: identifier.id,
+      clientId: clientId,
+      contextId: identifier.collectionName || '',
+      collection: identifier.collectionName
+    };
+  }, [mediaBlobUrlAttrs, clientId, identifier.id, identifier.collectionName]);
   var _useState5 = (0, _react.useState)(),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    nonCriticalError = _useState6[0],
-    setNonCriticalError = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
+    error = _useState6[0],
+    setError = _useState6[1];
+  var _useState7 = (0, _react.useState)(),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    isBannedLocalPreview = _useState8[0],
-    setIsBannedLocalPreview = _useState8[1];
-  var _useState9 = (0, _react.useState)('not-resolved'),
+    nonCriticalError = _useState8[0],
+    setNonCriticalError = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
     _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
-    upfrontPreviewStatus = _useState0[0],
-    setUpfrontPreviewStatus = _useState0[1];
+    isBannedLocalPreview = _useState0[0],
+    setIsBannedLocalPreview = _useState0[1];
+  var _useState1 = (0, _react.useState)('not-resolved'),
+    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
+    upfrontPreviewStatus = _useState10[0],
+    setUpfrontPreviewStatus = _useState10[1];
   var ssrReliabilityRef = (0, _react.useRef)({
     server: {
       status: 'unknown'
@@ -76,10 +110,10 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     }
   });
   var ufoContext = (0, _interactionContext.useInteractionContext)();
-  var _useState1 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
-    isLoading = _useState10[0],
-    setIsLoading = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    isLoading = _useState12[0],
+    setIsLoading = _useState12[1];
   (0, _react.useLayoutEffect)(function () {
     if (isLoading && (0, _platformFeatureFlags.fg)('platform_close_image_blindspot_2')) {
       return ufoContext === null || ufoContext === void 0 ? void 0 : ufoContext.hold('img-loading');
@@ -122,7 +156,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
         // where no SSR occurred, so we should skip SSR preview generation entirely.
         if (ssr === 'server' || ssrData) {
           try {
-            return (0, _getPreview.getSSRPreview)(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrs);
+            return (0, _getPreview.getSSRPreview)(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrsWithClientId);
           } catch (e) {
             ssrReliabilityRef.current = _objectSpread(_objectSpread({}, ssrReliabilityRef.current), {}, (0, _defineProperty2.default)({}, ssr, _objectSpread({
               status: 'fail'
@@ -144,10 +178,10 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
       }
     }
   };
-  var _useState11 = (0, _react.useState)(previewInitializer),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    preview = _useState12[0],
-    setPreview = _useState12[1];
+  var _useState13 = (0, _react.useState)(previewInitializer),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    preview = _useState14[0],
+    setPreview = _useState14[1];
 
   //----------------------------------------------------------------
   // FILE STATE
@@ -214,11 +248,29 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     }
   }, [preview, identifier, resizeMode]);
 
+  //----------------------------------------------------------------
+  // Update preview with clientId when it becomes available
+  //----------------------------------------------------------------
+  var previewUpdatedWithClientIdRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    // Only update if we have a preview, clientId is available, URL doesn't already have clientId, and feature flag is enabled.
+    // Also skip if we've already updated this preview (prevents re-render loops)
+    if (preview && clientId && mediaBlobUrlAttrsWithClientId && !preview.dataURI.includes('clientId=') && previewUpdatedWithClientIdRef.current !== identifier.id && (0, _platformFeatureFlags.fg)('platform_media_cross_client_copy_with_auth')) {
+      // Mark this preview as updated
+      previewUpdatedWithClientIdRef.current = identifier.id;
+      var baseUrl = preview.dataURI.split('#')[0]; // Remove any existing hash
+      var updatedDataURI = (0, _mediaClient.addFileAttrsToUrl)(baseUrl, mediaBlobUrlAttrsWithClientId);
+      setPreview(_objectSpread(_objectSpread({}, preview), {}, {
+        dataURI: updatedDataURI
+      }));
+    }
+  }, [clientId, mediaBlobUrlAttrsWithClientId, preview, identifier.id]);
+
   //----------------------------------------------------------------
   // Preview Fetch Helper
   //----------------------------------------------------------------
   var getAndCacheRemotePreviewRef = (0, _helpers.useCurrentValueRef)(function () {
-    return (0, _getPreview.getAndCacheRemotePreview)(mediaClient, identifier.id, requestDimensions || {}, imageURLParams, mediaBlobUrlAttrs, traceContext);
+    return (0, _getPreview.getAndCacheRemotePreview)(mediaClient, identifier.id, requestDimensions || {}, imageURLParams, mediaBlobUrlAttrsWithClientId, traceContext);
   });
 
   //----------------------------------------------------------------
@@ -253,7 +305,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
   // Cache, Local & Remote Preview
   //----------------------------------------------------------------
 
-  var mediaBlobUrlAttrsRef = (0, _helpers.useCurrentValueRef)(mediaBlobUrlAttrs);
+  var mediaBlobUrlAttrsRef = (0, _helpers.useCurrentValueRef)(mediaBlobUrlAttrsWithClientId);
   (0, _react.useEffect)(function () {
     var cachedPreview = _getPreview.mediaFilePreviewCache.get(identifier.id, resizeMode);
 
@@ -415,6 +467,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     onImageError: onImageError,
     onImageLoad: onImageLoad,
     getSsrScriptProps: getSsrScriptProps,
-    copyNodeRef: copyNodeRef
+    copyNodeRef: copyNodeRef,
+    clientId: clientId
   };
 };

package/dist/es2019/useFilePreview.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { isImageRepresentationReady, toCommonMediaClientError } from '@atlaskit/media-client';
+import { addFileAttrsToUrl, isImageRepresentationReady, toCommonMediaClientError } from '@atlaskit/media-client';
 import { useCopyIntent, useFileState, useMediaClient } from '@atlaskit/media-client-react';
 import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -36,6 +36,38 @@ export const useFilePreview = ({
 }) => {
   const mediaClient = useMediaClient();
   const [status, setStatus] = useState('loading');
+  const [clientId, setClientId] = useState();
+
+  // Fetch clientId on mount for cross-client copy
+  useEffect(() => {
+    if (fg('platform_media_cross_client_copy_with_auth')) {
+      mediaClient.getClientId(identifier.collectionName).then(setClientId).catch(() => {
+        // ClientId is optional, silently fail
+      });
+    }
+  }, [mediaClient, identifier.collectionName]);
+
+  // Merge clientId into mediaBlobUrlAttrs for embedding in blob URLs
+  // If mediaBlobUrlAttrs is not provided, construct minimal attrs from identifier
+  const mediaBlobUrlAttrsWithClientId = useMemo(() => {
+    if (!fg('platform_media_cross_client_copy_with_auth') || !clientId) {
+      return mediaBlobUrlAttrs;
+    }
+    if (mediaBlobUrlAttrs) {
+      return {
+        ...mediaBlobUrlAttrs,
+        clientId
+      };
+    }
+
+    // Construct minimal attrs when none provided (e.g., MediaImage)
+    return {
+      id: identifier.id,
+      clientId,
+      contextId: identifier.collectionName || '',
+      collection: identifier.collectionName
+    };
+  }, [mediaBlobUrlAttrs, clientId, identifier.id, identifier.collectionName]);
   const [error, setError] = useState();
   const [nonCriticalError, setNonCriticalError] = useState();
   const [isBannedLocalPreview, setIsBannedLocalPreview] = useState(false);
@@ -93,7 +125,7 @@ export const useFilePreview = ({
         // where no SSR occurred, so we should skip SSR preview generation entirely.
         if (ssr === 'server' || ssrData) {
           try {
-            return getSSRPreview(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrs);
+            return getSSRPreview(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrsWithClientId);
           } catch (e) {
             ssrReliabilityRef.current = {
               ...ssrReliabilityRef.current,
@@ -187,11 +219,30 @@ export const useFilePreview = ({
     }
   }, [preview, identifier, resizeMode]);
 
+  //----------------------------------------------------------------
+  // Update preview with clientId when it becomes available
+  //----------------------------------------------------------------
+  const previewUpdatedWithClientIdRef = useRef(null);
+  useEffect(() => {
+    // Only update if we have a preview, clientId is available, URL doesn't already have clientId, and feature flag is enabled.
+    // Also skip if we've already updated this preview (prevents re-render loops)
+    if (preview && clientId && mediaBlobUrlAttrsWithClientId && !preview.dataURI.includes('clientId=') && previewUpdatedWithClientIdRef.current !== identifier.id && fg('platform_media_cross_client_copy_with_auth')) {
+      // Mark this preview as updated
+      previewUpdatedWithClientIdRef.current = identifier.id;
+      const baseUrl = preview.dataURI.split('#')[0]; // Remove any existing hash
+      const updatedDataURI = addFileAttrsToUrl(baseUrl, mediaBlobUrlAttrsWithClientId);
+      setPreview({
+        ...preview,
+        dataURI: updatedDataURI
+      });
+    }
+  }, [clientId, mediaBlobUrlAttrsWithClientId, preview, identifier.id]);
+
   //----------------------------------------------------------------
   // Preview Fetch Helper
   //----------------------------------------------------------------
   const getAndCacheRemotePreviewRef = useCurrentValueRef(() => {
-    return getAndCacheRemotePreview(mediaClient, identifier.id, requestDimensions || {}, imageURLParams, mediaBlobUrlAttrs, traceContext);
+    return getAndCacheRemotePreview(mediaClient, identifier.id, requestDimensions || {}, imageURLParams, mediaBlobUrlAttrsWithClientId, traceContext);
   });
 
   //----------------------------------------------------------------
@@ -228,7 +279,7 @@ export const useFilePreview = ({
   // Cache, Local & Remote Preview
   //----------------------------------------------------------------
 
-  const mediaBlobUrlAttrsRef = useCurrentValueRef(mediaBlobUrlAttrs);
+  const mediaBlobUrlAttrsRef = useCurrentValueRef(mediaBlobUrlAttrsWithClientId);
   useEffect(() => {
     const cachedPreview = mediaFilePreviewCache.get(identifier.id, resizeMode);
 
@@ -393,6 +444,7 @@ export const useFilePreview = ({
     onImageError,
     onImageLoad,
     getSsrScriptProps,
-    copyNodeRef
+    copyNodeRef,
+    clientId
   };
 };

package/dist/esm/useFilePreview.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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) { _defineProperty(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; }
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { isImageRepresentationReady, toCommonMediaClientError } from '@atlaskit/media-client';
+import { addFileAttrsToUrl, isImageRepresentationReady, toCommonMediaClientError } from '@atlaskit/media-client';
 import { useCopyIntent, useFileState, useMediaClient } from '@atlaskit/media-client-react';
 import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -46,20 +46,54 @@ export var useFilePreview = function useFilePreview(_ref) {
     setStatus = _useState2[1];
   var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
+    clientId = _useState4[0],
+    setClientId = _useState4[1];
+
+  // Fetch clientId on mount for cross-client copy
+  useEffect(function () {
+    if (fg('platform_media_cross_client_copy_with_auth')) {
+      mediaClient.getClientId(identifier.collectionName).then(setClientId).catch(function () {
+        // ClientId is optional, silently fail
+      });
+    }
+  }, [mediaClient, identifier.collectionName]);
+
+  // Merge clientId into mediaBlobUrlAttrs for embedding in blob URLs
+  // If mediaBlobUrlAttrs is not provided, construct minimal attrs from identifier
+  var mediaBlobUrlAttrsWithClientId = useMemo(function () {
+    if (!fg('platform_media_cross_client_copy_with_auth') || !clientId) {
+      return mediaBlobUrlAttrs;
+    }
+    if (mediaBlobUrlAttrs) {
+      return _objectSpread(_objectSpread({}, mediaBlobUrlAttrs), {}, {
+        clientId: clientId
+      });
+    }
+
+    // Construct minimal attrs when none provided (e.g., MediaImage)
+    return {
+      id: identifier.id,
+      clientId: clientId,
+      contextId: identifier.collectionName || '',
+      collection: identifier.collectionName
+    };
+  }, [mediaBlobUrlAttrs, clientId, identifier.id, identifier.collectionName]);
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    nonCriticalError = _useState6[0],
-    setNonCriticalError = _useState6[1];
-  var _useState7 = useState(false),
+    error = _useState6[0],
+    setError = _useState6[1];
+  var _useState7 = useState(),
     _useState8 = _slicedToArray(_useState7, 2),
-    isBannedLocalPreview = _useState8[0],
-    setIsBannedLocalPreview = _useState8[1];
-  var _useState9 = useState('not-resolved'),
+    nonCriticalError = _useState8[0],
+    setNonCriticalError = _useState8[1];
+  var _useState9 = useState(false),
     _useState0 = _slicedToArray(_useState9, 2),
-    upfrontPreviewStatus = _useState0[0],
-    setUpfrontPreviewStatus = _useState0[1];
+    isBannedLocalPreview = _useState0[0],
+    setIsBannedLocalPreview = _useState0[1];
+  var _useState1 = useState('not-resolved'),
+    _useState10 = _slicedToArray(_useState1, 2),
+    upfrontPreviewStatus = _useState10[0],
+    setUpfrontPreviewStatus = _useState10[1];
   var ssrReliabilityRef = useRef({
     server: {
       status: 'unknown'
@@ -69,10 +103,10 @@ export var useFilePreview = function useFilePreview(_ref) {
     }
   });
   var ufoContext = useInteractionContext();
-  var _useState1 = useState(false),
-    _useState10 = _slicedToArray(_useState1, 2),
-    isLoading = _useState10[0],
-    setIsLoading = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isLoading = _useState12[0],
+    setIsLoading = _useState12[1];
   useLayoutEffect(function () {
     if (isLoading && fg('platform_close_image_blindspot_2')) {
       return ufoContext === null || ufoContext === void 0 ? void 0 : ufoContext.hold('img-loading');
@@ -115,7 +149,7 @@ export var useFilePreview = function useFilePreview(_ref) {
         // where no SSR occurred, so we should skip SSR preview generation entirely.
         if (ssr === 'server' || ssrData) {
           try {
-            return getSSRPreview(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrs);
+            return getSSRPreview(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrsWithClientId);
           } catch (e) {
             ssrReliabilityRef.current = _objectSpread(_objectSpread({}, ssrReliabilityRef.current), {}, _defineProperty({}, ssr, _objectSpread({
               status: 'fail'
@@ -137,10 +171,10 @@ export var useFilePreview = function useFilePreview(_ref) {
       }
     }
   };
-  var _useState11 = useState(previewInitializer),
-    _useState12 = _slicedToArray(_useState11, 2),
-    preview = _useState12[0],
-    setPreview = _useState12[1];
+  var _useState13 = useState(previewInitializer),
+    _useState14 = _slicedToArray(_useState13, 2),
+    preview = _useState14[0],
+    setPreview = _useState14[1];
 
   //----------------------------------------------------------------
   // FILE STATE
@@ -207,11 +241,29 @@ export var useFilePreview = function useFilePreview(_ref) {
     }
   }, [preview, identifier, resizeMode]);
 
+  //----------------------------------------------------------------
+  // Update preview with clientId when it becomes available
+  //----------------------------------------------------------------
+  var previewUpdatedWithClientIdRef = useRef(null);
+  useEffect(function () {
+    // Only update if we have a preview, clientId is available, URL doesn't already have clientId, and feature flag is enabled.
+    // Also skip if we've already updated this preview (prevents re-render loops)
+    if (preview && clientId && mediaBlobUrlAttrsWithClientId && !preview.dataURI.includes('clientId=') && previewUpdatedWithClientIdRef.current !== identifier.id && fg('platform_media_cross_client_copy_with_auth')) {
+      // Mark this preview as updated
+      previewUpdatedWithClientIdRef.current = identifier.id;
+      var baseUrl = preview.dataURI.split('#')[0]; // Remove any existing hash
+      var updatedDataURI = addFileAttrsToUrl(baseUrl, mediaBlobUrlAttrsWithClientId);
+      setPreview(_objectSpread(_objectSpread({}, preview), {}, {
+        dataURI: updatedDataURI
+      }));
+    }
+  }, [clientId, mediaBlobUrlAttrsWithClientId, preview, identifier.id]);
+
   //----------------------------------------------------------------
   // Preview Fetch Helper
   //----------------------------------------------------------------
   var getAndCacheRemotePreviewRef = useCurrentValueRef(function () {
-    return getAndCacheRemotePreview(mediaClient, identifier.id, requestDimensions || {}, imageURLParams, mediaBlobUrlAttrs, traceContext);
+    return getAndCacheRemotePreview(mediaClient, identifier.id, requestDimensions || {}, imageURLParams, mediaBlobUrlAttrsWithClientId, traceContext);
   });
 
   //----------------------------------------------------------------
@@ -246,7 +298,7 @@ export var useFilePreview = function useFilePreview(_ref) {
   // Cache, Local & Remote Preview
   //----------------------------------------------------------------
 
-  var mediaBlobUrlAttrsRef = useCurrentValueRef(mediaBlobUrlAttrs);
+  var mediaBlobUrlAttrsRef = useCurrentValueRef(mediaBlobUrlAttrsWithClientId);
   useEffect(function () {
     var cachedPreview = mediaFilePreviewCache.get(identifier.id, resizeMode);
 
@@ -408,6 +460,7 @@ export var useFilePreview = function useFilePreview(_ref) {
     onImageError: onImageError,
     onImageLoad: onImageLoad,
     getSsrScriptProps: getSsrScriptProps,
-    copyNodeRef: copyNodeRef
+    copyNodeRef: copyNodeRef,
+    clientId: clientId
   };
 };

package/dist/types/useFilePreview.d.ts

@@ -40,4 +40,5 @@ export declare const useFilePreview: ({ resizeMode, identifier, ssr, dimensions,
     onImageLoad: (newPreview?: MediaFilePreview) => void;
     getSsrScriptProps: (() => import("react").ScriptHTMLAttributes<HTMLScriptElement>) | undefined;
     copyNodeRef: (instance: HTMLDivElement | HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
+    clientId: string | undefined;
 };

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

@@ -40,4 +40,5 @@ export declare const useFilePreview: ({ resizeMode, identifier, ssr, dimensions,
     onImageLoad: (newPreview?: MediaFilePreview) => void;
     getSsrScriptProps: (() => import("react").ScriptHTMLAttributes<HTMLScriptElement>) | undefined;
     copyNodeRef: (instance: HTMLDivElement | HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
+    clientId: string | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-file-preview",
-	"version": "0.15.5",
+	"version": "0.16.0",
 	"description": "A React Hook to fetch and render file previews. It's overloaded with fancy features like SSR, lazy loading, memory cache and local preview.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,12 +30,12 @@
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/media-client": "^35.7.0",
-		"@atlaskit/media-client-react": "^4.1.0",
-		"@atlaskit/media-common": "^12.3.0",
+		"@atlaskit/media-client": "^35.8.0",
+		"@atlaskit/media-client-react": "^4.2.0",
+		"@atlaskit/media-common": "^12.4.0",
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/react-ufo": "^5.0.0",
+		"@atlaskit/react-ufo": "^5.2.0",
 		"@babel/runtime": "^7.0.0",
 		"eventemitter2": "^4.1.0",
 		"lru_map": "^0.4.1"
@@ -52,8 +52,7 @@
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@testing-library/react": "^13.4.0",
-		"@testing-library/react-hooks": "^8.0.1",
+		"@testing-library/react": "^16.3.0",
 		"react-dom": "^18.2.0",
 		"wait-for-expect": "^1.2.0"
 	},
@@ -101,6 +100,9 @@
 		},
 		"media-perf-lazy-loading-optimisation": {
 			"type": "boolean"
+		},
+		"platform_media_cross_client_copy_with_auth": {
+			"type": "boolean"
 		}
 	}
 }