@atlaskit/media-client 28.2.0 → 28.3.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-client
 
+## 28.3.1
+
+### Patch Changes
+
+- [#165609](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165609)
+  [`b29c0cc4fef46`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b29c0cc4fef46) -
+  Cleaned up media card perf observer feature flag
+
+## 28.3.0
+
+### Minor Changes
+
+- [#163838](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/163838)
+  [`c3fcf9a7c2028`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c3fcf9a7c2028) -
+  Media Client File Download throws Request errors due to failed connection (Not streaming errors)
+
 ## 28.2.0
 
 ### Minor Changes

package/dist/cjs/client/file-fetcher/index.js

@@ -474,6 +474,7 @@ var FileFetcherImpl = exports.FileFetcherImpl = /*#__PURE__*/function () {
       var _downloadBinary = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(id) {
         var name,
           collectionName,
+          traceContext,
           url,
           _args5 = arguments;
         return _regenerator.default.wrap(function _callee5$(_context5) {
@@ -481,9 +482,10 @@ var FileFetcherImpl = exports.FileFetcherImpl = /*#__PURE__*/function () {
             case 0:
               name = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : 'download';
               collectionName = _args5.length > 2 ? _args5[2] : undefined;
-              _context5.next = 4;
+              traceContext = _args5.length > 3 ? _args5[3] : undefined;
+              _context5.next = 5;
               return this.mediaApi.getFileBinaryURL(id, collectionName);
-            case 4:
+            case 5:
               url = _context5.sent;
               (0, _downloadUrl.downloadUrl)(url, {
                 name: name
@@ -493,7 +495,12 @@ var FileFetcherImpl = exports.FileFetcherImpl = /*#__PURE__*/function () {
                 isUserCollection: collectionName === _constants.RECENTS_COLLECTION,
                 viewingLevel: 'download'
               });
-            case 7:
+              // Test the download after initiated the Browser process to catch any potential errors.
+              _context5.next = 10;
+              return this.mediaApi.testUrl(url, {
+                traceContext: traceContext
+              });
+            case 10:
             case "end":
               return _context5.stop();
           }

package/dist/cjs/client/media-store/MediaStore.js

@@ -11,7 +11,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mediaCore = require("@atlaskit/media-core");
-var _mediaCommon = require("@atlaskit/media-common");
 var _constants = require("../../constants");
 var _artifacts = require("../../models/artifacts");
 var _request3 = require("../../utils/request");
@@ -453,7 +452,7 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 params: extendImageParams(params, fetchMaxRes),
                 headers: headers,
                 traceContext: traceContext,
-                addMediaClientParam: (0, _platformFeatureFlags.fg)('platform.media-card-performance-observer_a803k') && true
+                addMediaClientParam: true
               });
               return _context8.abrupt("return", this.request("/file/".concat(id, "/").concat(imageEndpoint), options, controller, true).then((0, _helpers.createMapResponseToBlob)(metadata)));
             case 7:
@@ -612,6 +611,7 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
           auth,
           clientId,
           extendedTraceContext,
+          extendedParams,
           url,
           response,
           _args12 = arguments;
@@ -631,32 +631,31 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
             case 6:
               auth = _context12.sent;
               clientId = (0, _mediaCore.isClientBasedAuth)(auth) ? auth.clientId : undefined;
-              extendedTraceContext = traceContext ? _objectSpread(_objectSpread({}, traceContext), {}, {
-                spanId: (traceContext === null || traceContext === void 0 ? void 0 : traceContext.spanId) || (0, _mediaCommon.getRandomHex)(8)
-              }) : undefined;
+              extendedTraceContext = (0, _helpers.extendTraceContext)(traceContext);
+              extendedParams = addMediaClientParam ? _objectSpread(_objectSpread({}, params), {}, {
+                clientId: clientId
+              }) : params;
               url = "".concat(auth.baseUrl).concat(path);
               if (useMediaCdn) {
                 url = (0, _mediaCdn.mapToMediaCdnUrl)(url, auth.token);
               }
-              _context12.next = 13;
+              _context12.next = 14;
               return (0, _request3.request)(url, {
                 method: method,
                 endpoint: endpoint,
                 auth: auth,
-                params: addMediaClientParam ? _objectSpread(_objectSpread({}, params), {}, {
-                  clientId: clientId
-                }) : params,
+                params: extendedParams,
                 headers: headers,
                 body: body,
                 clientOptions: clientOptions,
                 traceContext: extendedTraceContext
               }, controller);
-            case 13:
+            case 14:
               response = _context12.sent;
               setKeyValueInSessionStorage(MEDIA_API_REGION, response.headers.get('x-media-region'));
               setKeyValueInSessionStorage(MEDIA_API_ENVIRONMENT, response.headers.get('x-media-env'));
               return _context12.abrupt("return", response);
-            case 17:
+            case 18:
             case "end":
               return _context12.stop();
           }
@@ -667,6 +666,39 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
       }
       return request;
     }()
+  }, {
+    key: "testUrl",
+    value: function () {
+      var _testUrl = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(url) {
+        var options,
+          traceContext,
+          _args13 = arguments;
+        return _regenerator.default.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
+            case 0:
+              options = _args13.length > 1 && _args13[1] !== undefined ? _args13[1] : {};
+              traceContext = options.traceContext;
+              _context13.next = 4;
+              return (0, _request3.request)(url, {
+                method: 'HEAD',
+                traceContext: (0, _helpers.extendTraceContext)(traceContext),
+                clientOptions: {
+                  retryOptions: {
+                    maxAttempts: 1
+                  }
+                }
+              });
+            case 4:
+            case "end":
+              return _context13.stop();
+          }
+        }, _callee13);
+      }));
+      function testUrl(_x38) {
+        return _testUrl.apply(this, arguments);
+      }
+      return testUrl;
+    }()
   }, {
     key: "chunkHashAlgorithm",
     get: function get() {

package/dist/cjs/utils/request/helpers.js

@@ -13,6 +13,7 @@ exports.createRequestErrorFromResponse = createRequestErrorFromResponse;
 exports.createRequestErrorReason = createRequestErrorReason;
 exports.createUrl = createUrl;
 exports.extendHeaders = extendHeaders;
+exports.extendTraceContext = void 0;
 exports.extractMediaHeaders = extractMediaHeaders;
 exports.fetchRetry = fetchRetry;
 exports.isAbortedRequestError = isAbortedRequestError;
@@ -26,6 +27,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mediaCore = require("@atlaskit/media-core");
+var _mediaCommon = require("@atlaskit/media-common");
 var _authQueryParameters = require("../../models/auth-query-parameters");
 var _errors = require("./errors");
 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; }
@@ -46,6 +48,11 @@ function isFetchNetworkError(err) {
 function isRateLimitedError(error) {
   return !!error && (0, _errors.isRequestError)(error) && error.attributes.statusCode === 429 || !!error && !!error.message && error.message.includes('429');
 }
+var extendTraceContext = exports.extendTraceContext = function extendTraceContext(traceContext) {
+  return traceContext ? _objectSpread(_objectSpread({}, traceContext), {}, {
+    spanId: (traceContext === null || traceContext === void 0 ? void 0 : traceContext.spanId) || (0, _mediaCommon.getRandomHex)(8)
+  }) : undefined;
+};
 var ZipkinHeaderKeys = exports.ZipkinHeaderKeys = {
   traceId: 'x-b3-traceid',
   spanId: 'x-b3-spanid',

package/dist/es2019/client/file-fetcher/index.js

@@ -362,7 +362,7 @@ export class FileFetcherImpl {
     setTimeout(onProgress, 0, 0);
     return fromObservable(subject);
   }
-  async downloadBinary(id, name = 'download', collectionName) {
+  async downloadBinary(id, name = 'download', collectionName, traceContext) {
     const url = await this.mediaApi.getFileBinaryURL(id, collectionName);
     downloadUrl(url, {
       name
@@ -372,6 +372,10 @@ export class FileFetcherImpl {
       isUserCollection: collectionName === RECENTS_COLLECTION,
       viewingLevel: 'download'
     });
+    // Test the download after initiated the Browser process to catch any potential errors.
+    await this.mediaApi.testUrl(url, {
+      traceContext
+    });
   }
   async copyFile(source, destination, options = {}, traceContext) {
     const {

package/dist/es2019/client/media-store/MediaStore.js

@@ -1,10 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { isClientBasedAuth } from '@atlaskit/media-core';
-import { getRandomHex } from '@atlaskit/media-common';
 import { FILE_CACHE_MAX_AGE, MAX_RESOLUTION } from '../../constants';
 import { getArtifactUrl } from '../../models/artifacts';
 import { request } from '../../utils/request';
-import { createUrl, createMapResponseToJson, createMapResponseToBlob } from '../../utils/request/helpers';
+import { createUrl, createMapResponseToJson, createMapResponseToBlob, extendTraceContext } from '../../utils/request/helpers';
 import { mapToMediaCdnUrl } from '../../utils/mediaCdn';
 import { resolveAuth, resolveInitialAuth } from './resolveAuth';
 import { ChunkHashAlgorithm } from '@atlaskit/media-core';
@@ -272,7 +271,7 @@ export class MediaStore {
       params: extendImageParams(params, fetchMaxRes),
       headers,
       traceContext,
-      addMediaClientParam: fg('platform.media-card-performance-observer_a803k') && true
+      addMediaClientParam: true
     };
     return this.request(`/file/${id}/${imageEndpoint}`, options, controller, true).then(createMapResponseToBlob(metadata));
   }
@@ -368,10 +367,11 @@ export class MediaStore {
     } = options;
     const auth = await this.resolveAuth(authContext);
     const clientId = isClientBasedAuth(auth) ? auth.clientId : undefined;
-    const extendedTraceContext = traceContext ? {
-      ...traceContext,
-      spanId: (traceContext === null || traceContext === void 0 ? void 0 : traceContext.spanId) || getRandomHex(8)
-    } : undefined;
+    const extendedTraceContext = extendTraceContext(traceContext);
+    const extendedParams = addMediaClientParam ? {
+      ...params,
+      clientId
+    } : params;
     let url = `${auth.baseUrl}${path}`;
     if (useMediaCdn) {
       url = mapToMediaCdnUrl(url, auth.token);
@@ -380,10 +380,7 @@ export class MediaStore {
       method,
       endpoint,
       auth,
-      params: addMediaClientParam ? {
-        ...params,
-        clientId
-      } : params,
+      params: extendedParams,
       headers,
       body,
       clientOptions,
@@ -393,6 +390,20 @@ export class MediaStore {
     setKeyValueInSessionStorage(MEDIA_API_ENVIRONMENT, response.headers.get('x-media-env'));
     return response;
   }
+  async testUrl(url, options = {}) {
+    const {
+      traceContext
+    } = options;
+    await request(url, {
+      method: 'HEAD',
+      traceContext: extendTraceContext(traceContext),
+      clientOptions: {
+        retryOptions: {
+          maxAttempts: 1
+        }
+      }
+    });
+  }
   get chunkHashAlgorithm() {
     return this._chunkHashAlgorithm;
   }

package/dist/es2019/utils/request/helpers.js

@@ -1,4 +1,5 @@
 import { isClientBasedAuth } from '@atlaskit/media-core';
+import { getRandomHex } from '@atlaskit/media-common';
 import { mapAuthToQueryParameters } from '../../models/auth-query-parameters';
 import { RequestError, isRequestError } from './errors';
 export function waitPromise(timeout) {
@@ -15,6 +16,10 @@ export function isFetchNetworkError(err) {
 export function isRateLimitedError(error) {
   return !!error && isRequestError(error) && error.attributes.statusCode === 429 || !!error && !!error.message && error.message.includes('429');
 }
+export const extendTraceContext = traceContext => traceContext ? {
+  ...traceContext,
+  spanId: (traceContext === null || traceContext === void 0 ? void 0 : traceContext.spanId) || getRandomHex(8)
+} : undefined;
 export const ZipkinHeaderKeys = {
   traceId: 'x-b3-traceid',
   spanId: 'x-b3-spanid',

package/dist/esm/client/file-fetcher/index.js

@@ -456,6 +456,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
       var _downloadBinary = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(id) {
         var name,
           collectionName,
+          traceContext,
           url,
           _args5 = arguments;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
@@ -463,9 +464,10 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
             case 0:
               name = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : 'download';
               collectionName = _args5.length > 2 ? _args5[2] : undefined;
-              _context5.next = 4;
+              traceContext = _args5.length > 3 ? _args5[3] : undefined;
+              _context5.next = 5;
               return this.mediaApi.getFileBinaryURL(id, collectionName);
-            case 4:
+            case 5:
               url = _context5.sent;
               downloadUrl(url, {
                 name: name
@@ -475,7 +477,12 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
                 isUserCollection: collectionName === RECENTS_COLLECTION,
                 viewingLevel: 'download'
               });
-            case 7:
+              // Test the download after initiated the Browser process to catch any potential errors.
+              _context5.next = 10;
+              return this.mediaApi.testUrl(url, {
+                traceContext: traceContext
+              });
+            case 10:
             case "end":
               return _context5.stop();
           }

package/dist/esm/client/media-store/MediaStore.js

@@ -6,11 +6,10 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 { isClientBasedAuth } from '@atlaskit/media-core';
-import { getRandomHex } from '@atlaskit/media-common';
 import { FILE_CACHE_MAX_AGE, MAX_RESOLUTION } from '../../constants';
 import { getArtifactUrl } from '../../models/artifacts';
 import { request as _request } from '../../utils/request';
-import { createUrl, createMapResponseToJson, createMapResponseToBlob } from '../../utils/request/helpers';
+import { createUrl, createMapResponseToJson, createMapResponseToBlob, extendTraceContext } from '../../utils/request/helpers';
 import { mapToMediaCdnUrl } from '../../utils/mediaCdn';
 import { resolveAuth, resolveInitialAuth } from './resolveAuth';
 import { ChunkHashAlgorithm } from '@atlaskit/media-core';
@@ -447,7 +446,7 @@ export var MediaStore = /*#__PURE__*/function () {
                 params: extendImageParams(params, fetchMaxRes),
                 headers: headers,
                 traceContext: traceContext,
-                addMediaClientParam: fg('platform.media-card-performance-observer_a803k') && true
+                addMediaClientParam: true
               });
               return _context8.abrupt("return", this.request("/file/".concat(id, "/").concat(imageEndpoint), options, controller, true).then(createMapResponseToBlob(metadata)));
             case 7:
@@ -606,6 +605,7 @@ export var MediaStore = /*#__PURE__*/function () {
           auth,
           clientId,
           extendedTraceContext,
+          extendedParams,
           url,
           response,
           _args12 = arguments;
@@ -625,32 +625,31 @@ export var MediaStore = /*#__PURE__*/function () {
             case 6:
               auth = _context12.sent;
               clientId = isClientBasedAuth(auth) ? auth.clientId : undefined;
-              extendedTraceContext = traceContext ? _objectSpread(_objectSpread({}, traceContext), {}, {
-                spanId: (traceContext === null || traceContext === void 0 ? void 0 : traceContext.spanId) || getRandomHex(8)
-              }) : undefined;
+              extendedTraceContext = extendTraceContext(traceContext);
+              extendedParams = addMediaClientParam ? _objectSpread(_objectSpread({}, params), {}, {
+                clientId: clientId
+              }) : params;
               url = "".concat(auth.baseUrl).concat(path);
               if (useMediaCdn) {
                 url = mapToMediaCdnUrl(url, auth.token);
               }
-              _context12.next = 13;
+              _context12.next = 14;
               return _request(url, {
                 method: method,
                 endpoint: endpoint,
                 auth: auth,
-                params: addMediaClientParam ? _objectSpread(_objectSpread({}, params), {}, {
-                  clientId: clientId
-                }) : params,
+                params: extendedParams,
                 headers: headers,
                 body: body,
                 clientOptions: clientOptions,
                 traceContext: extendedTraceContext
               }, controller);
-            case 13:
+            case 14:
               response = _context12.sent;
               setKeyValueInSessionStorage(MEDIA_API_REGION, response.headers.get('x-media-region'));
               setKeyValueInSessionStorage(MEDIA_API_ENVIRONMENT, response.headers.get('x-media-env'));
               return _context12.abrupt("return", response);
-            case 17:
+            case 18:
             case "end":
               return _context12.stop();
           }
@@ -661,6 +660,39 @@ export var MediaStore = /*#__PURE__*/function () {
       }
       return request;
     }()
+  }, {
+    key: "testUrl",
+    value: function () {
+      var _testUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(url) {
+        var options,
+          traceContext,
+          _args13 = arguments;
+        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
+            case 0:
+              options = _args13.length > 1 && _args13[1] !== undefined ? _args13[1] : {};
+              traceContext = options.traceContext;
+              _context13.next = 4;
+              return _request(url, {
+                method: 'HEAD',
+                traceContext: extendTraceContext(traceContext),
+                clientOptions: {
+                  retryOptions: {
+                    maxAttempts: 1
+                  }
+                }
+              });
+            case 4:
+            case "end":
+              return _context13.stop();
+          }
+        }, _callee13);
+      }));
+      function testUrl(_x38) {
+        return _testUrl.apply(this, arguments);
+      }
+      return testUrl;
+    }()
   }, {
     key: "chunkHashAlgorithm",
     get: function get() {

package/dist/esm/utils/request/helpers.js

@@ -6,6 +6,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 { isClientBasedAuth } from '@atlaskit/media-core';
+import { getRandomHex } from '@atlaskit/media-common';
 import { mapAuthToQueryParameters } from '../../models/auth-query-parameters';
 import { RequestError, isRequestError } from './errors';
 export function waitPromise(timeout) {
@@ -24,6 +25,11 @@ export function isFetchNetworkError(err) {
 export function isRateLimitedError(error) {
   return !!error && isRequestError(error) && error.attributes.statusCode === 429 || !!error && !!error.message && error.message.includes('429');
 }
+export var extendTraceContext = function extendTraceContext(traceContext) {
+  return traceContext ? _objectSpread(_objectSpread({}, traceContext), {}, {
+    spanId: (traceContext === null || traceContext === void 0 ? void 0 : traceContext.spanId) || getRandomHex(8)
+  }) : undefined;
+};
 export var ZipkinHeaderKeys = {
   traceId: 'x-b3-traceid',
   spanId: 'x-b3-spanid',

package/dist/types/client/file-fetcher/index.d.ts

@@ -35,7 +35,7 @@ export interface FileFetcher {
     touchFiles(descriptors: TouchFileDescriptor[], collection?: string, traceContext?: MediaTraceContext): Promise<TouchedFiles>;
     upload(file: UploadableFile, controller?: UploadController, uploadableFileUpfrontIds?: UploadableFileUpfrontIds, traceContext?: MediaTraceContext): MediaSubscribable;
     uploadExternal(url: string, collection?: string, traceContext?: MediaTraceContext): Promise<ExternalUploadPayload>;
-    downloadBinary(id: string, name?: string, collectionName?: string): Promise<void>;
+    downloadBinary(id: string, name?: string, collectionName?: string, traceContext?: MediaTraceContext): Promise<void>;
     getCurrentState(id: string, options?: GetFileOptions): Promise<FileState>;
     copyFile(source: CopySourceFile, destination: CopyDestination, options?: CopyFileOptions, traceContext?: MediaTraceContext): Promise<MediaFile>;
     getFileBinaryURL(id: string, collectionName?: string, maxAge?: number): Promise<string>;
@@ -57,6 +57,6 @@ export declare class FileFetcherImpl implements FileFetcher {
     uploadExternal(url: string, collection?: string, traceContext?: MediaTraceContext): Promise<ExternalUploadPayload>;
     private getUploadingFileStateBase;
     upload(file: UploadableFile, controller?: UploadController, uploadableFileUpfrontIds?: UploadableFileUpfrontIds, traceContext?: MediaTraceContext): MediaSubscribable;
-    downloadBinary(id: string, name?: string, collectionName?: string): Promise<void>;
+    downloadBinary(id: string, name?: string, collectionName?: string, traceContext?: MediaTraceContext): Promise<void>;
     copyFile(source: CopySourceFile, destination: CopyDestination, options?: CopyFileOptions, traceContext?: MediaTraceContext): Promise<MediaFile>;
 }

package/dist/types/client/media-store/MediaStore.d.ts

@@ -29,6 +29,9 @@ export declare class MediaStore implements MediaApi {
     appendChunksToUpload(uploadId: string, body: AppendChunksToUploadRequestBody, collectionName?: string, traceContext?: MediaTraceContext): Promise<void>;
     copyFileWithToken(body: MediaStoreCopyFileWithTokenBody, params: MediaStoreCopyFileWithTokenParams, traceContext?: MediaTraceContext): Promise<MediaStoreResponse<MediaFile>>;
     request(path: string, options?: MediaStoreRequestOptions, controller?: AbortController, useMediaCdn?: boolean): Promise<Response>;
+    testUrl(url: string, options?: {
+        traceContext?: MediaTraceContext;
+    }): Promise<void>;
     resolveAuth: (authContext?: AuthContext) => Promise<Auth>;
     resolveInitialAuth: () => Auth;
     get chunkHashAlgorithm(): ChunkHashAlgorithm;

package/dist/types/client/media-store/types.d.ts

@@ -167,6 +167,9 @@ export interface MediaApi {
     appendChunksToUpload: (uploadId: string, body: AppendChunksToUploadRequestBody, collectionName?: string, traceContext?: MediaTraceContext) => Promise<void>;
     copyFileWithToken: (body: MediaStoreCopyFileWithTokenBody, params: MediaStoreCopyFileWithTokenParams, traceContext?: MediaTraceContext) => Promise<MediaStoreResponse<MediaFile>>;
     request: (path: string, options: MediaStoreRequestOptions, controller?: AbortController) => Promise<Response>;
+    testUrl: (url: string, options?: {
+        traceContext?: MediaTraceContext;
+    }) => Promise<void>;
     resolveAuth: (authContext?: AuthContext) => Promise<Auth>;
     resolveInitialAuth: () => Auth;
 }

package/dist/types/utils/request/helpers.d.ts

@@ -6,6 +6,7 @@ export declare function waitPromise(timeout: number): Promise<void>;
 export declare function isAbortedRequestError(err: any): boolean;
 export declare function isFetchNetworkError(err: any): err is TypeError;
 export declare function isRateLimitedError(error: Error | undefined): boolean;
+export declare const extendTraceContext: (traceContext?: MediaTraceContext) => Required<MediaTraceContext> | undefined;
 export declare const ZipkinHeaderKeys: {
     traceId: string;
     spanId: string;

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

@@ -1,6 +1,6 @@
 import { type Auth } from '@atlaskit/media-core';
 import type { MediaTraceContext } from '@atlaskit/media-common';
-export type RequestMethod = 'GET' | 'POST' | 'PUT' | 'DELETE';
+export type RequestMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'HEAD';
 export type RequestParams = {
     [key: string]: any;
 };

package/dist/types-ts4.5/client/file-fetcher/index.d.ts

@@ -35,7 +35,7 @@ export interface FileFetcher {
     touchFiles(descriptors: TouchFileDescriptor[], collection?: string, traceContext?: MediaTraceContext): Promise<TouchedFiles>;
     upload(file: UploadableFile, controller?: UploadController, uploadableFileUpfrontIds?: UploadableFileUpfrontIds, traceContext?: MediaTraceContext): MediaSubscribable;
     uploadExternal(url: string, collection?: string, traceContext?: MediaTraceContext): Promise<ExternalUploadPayload>;
-    downloadBinary(id: string, name?: string, collectionName?: string): Promise<void>;
+    downloadBinary(id: string, name?: string, collectionName?: string, traceContext?: MediaTraceContext): Promise<void>;
     getCurrentState(id: string, options?: GetFileOptions): Promise<FileState>;
     copyFile(source: CopySourceFile, destination: CopyDestination, options?: CopyFileOptions, traceContext?: MediaTraceContext): Promise<MediaFile>;
     getFileBinaryURL(id: string, collectionName?: string, maxAge?: number): Promise<string>;
@@ -57,6 +57,6 @@ export declare class FileFetcherImpl implements FileFetcher {
     uploadExternal(url: string, collection?: string, traceContext?: MediaTraceContext): Promise<ExternalUploadPayload>;
     private getUploadingFileStateBase;
     upload(file: UploadableFile, controller?: UploadController, uploadableFileUpfrontIds?: UploadableFileUpfrontIds, traceContext?: MediaTraceContext): MediaSubscribable;
-    downloadBinary(id: string, name?: string, collectionName?: string): Promise<void>;
+    downloadBinary(id: string, name?: string, collectionName?: string, traceContext?: MediaTraceContext): Promise<void>;
     copyFile(source: CopySourceFile, destination: CopyDestination, options?: CopyFileOptions, traceContext?: MediaTraceContext): Promise<MediaFile>;
 }

package/dist/types-ts4.5/client/media-store/MediaStore.d.ts

@@ -29,6 +29,9 @@ export declare class MediaStore implements MediaApi {
     appendChunksToUpload(uploadId: string, body: AppendChunksToUploadRequestBody, collectionName?: string, traceContext?: MediaTraceContext): Promise<void>;
     copyFileWithToken(body: MediaStoreCopyFileWithTokenBody, params: MediaStoreCopyFileWithTokenParams, traceContext?: MediaTraceContext): Promise<MediaStoreResponse<MediaFile>>;
     request(path: string, options?: MediaStoreRequestOptions, controller?: AbortController, useMediaCdn?: boolean): Promise<Response>;
+    testUrl(url: string, options?: {
+        traceContext?: MediaTraceContext;
+    }): Promise<void>;
     resolveAuth: (authContext?: AuthContext) => Promise<Auth>;
     resolveInitialAuth: () => Auth;
     get chunkHashAlgorithm(): ChunkHashAlgorithm;

package/dist/types-ts4.5/client/media-store/types.d.ts

@@ -167,6 +167,9 @@ export interface MediaApi {
     appendChunksToUpload: (uploadId: string, body: AppendChunksToUploadRequestBody, collectionName?: string, traceContext?: MediaTraceContext) => Promise<void>;
     copyFileWithToken: (body: MediaStoreCopyFileWithTokenBody, params: MediaStoreCopyFileWithTokenParams, traceContext?: MediaTraceContext) => Promise<MediaStoreResponse<MediaFile>>;
     request: (path: string, options: MediaStoreRequestOptions, controller?: AbortController) => Promise<Response>;
+    testUrl: (url: string, options?: {
+        traceContext?: MediaTraceContext;
+    }) => Promise<void>;
     resolveAuth: (authContext?: AuthContext) => Promise<Auth>;
     resolveInitialAuth: () => Auth;
 }

package/dist/types-ts4.5/utils/request/helpers.d.ts

@@ -6,6 +6,7 @@ export declare function waitPromise(timeout: number): Promise<void>;
 export declare function isAbortedRequestError(err: any): boolean;
 export declare function isFetchNetworkError(err: any): err is TypeError;
 export declare function isRateLimitedError(error: Error | undefined): boolean;
+export declare const extendTraceContext: (traceContext?: MediaTraceContext) => Required<MediaTraceContext> | undefined;
 export declare const ZipkinHeaderKeys: {
     traceId: string;
     spanId: string;

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

@@ -1,6 +1,6 @@
 import { type Auth } from '@atlaskit/media-core';
 import type { MediaTraceContext } from '@atlaskit/media-common';
-export type RequestMethod = 'GET' | 'POST' | 'PUT' | 'DELETE';
+export type RequestMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'HEAD';
 export type RequestParams = {
     [key: string]: any;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-client",
-	"version": "28.2.0",
+	"version": "28.3.1",
 	"description": "Media API Web Client Library",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
 		"@atlaskit/media-core": "^34.3.0",
 		"@atlaskit/media-state": "^1.1.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/tokens": "^2.2.0",
+		"@atlaskit/tokens": "^2.4.0",
 		"@atlassian/feature-flags-test-utils": "0.2.3",
 		"@emotion/react": "^11.7.1",
 		"@types/deep-equal": "^1.0.1",
@@ -81,9 +81,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform.media-card-performance-observer_a803k": {
-			"type": "boolean"
-		},
 		"platform_media_cdn_single_host": {
 			"type": "boolean"
 		},